﻿


@import url(../../css.css);
@import url(../../css-1.css);
@import url("../../count/30419c.css");
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
	float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer
}

.owl-controls {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.selectize-control {
	position: relative
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
	color: #303030;
	font-family: inherit;
	font-size: 13px;
	line-height: 18px;
	-webkit-font-smoothing: inherit
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
	background: #ffffff;
	cursor: text;
	display: inline-block
}

.selectize-input {
	border: 1px solid #d0d0d0;
	padding: 8px 8px;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px
}

.selectize-control.multi .selectize-input.has-items {
	padding: 6px 8px 3px
}

.selectize-input.full {
	background-color: #ffffff
}

.selectize-input.disabled,
.selectize-input.disabled * {
	cursor: default !important
}

.selectize-input.focus {
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15)
}

.selectize-input.dropdown-active {
	border-radius: 3px 3px 0 0
}

.selectize-input>* {
	vertical-align: baseline;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline
}

.selectize-control.multi .selectize-input>div {
	cursor: pointer;
	margin: 0 3px 3px 0;
	padding: 2px 6px;
	background: #f2f2f2;
	color: #303030;
	border: 0 solid #d0d0d0
}

.selectize-control.multi .selectize-input>div.active {
	background: #e8e8e8;
	color: #303030;
	border: 0 solid #cacaca
}

.selectize-control.multi .selectize-input.disabled>div,
.selectize-control.multi .selectize-input.disabled>div.active {
	color: #7d7d7d;
	background: #ffffff;
	border: 0 solid #ffffff
}

.selectize-input>input {
	display: inline-block !important;
	padding: 0 !important;
	min-height: 0 !important;
	max-height: none !important;
	max-width: 100% !important;
	margin: 0 2px 0 0 !important;
	text-indent: 0 !important;
	border: 0 none !important;
	background: none !important;
	line-height: inherit !important;
	-webkit-user-select: auto !important;
	box-shadow: none !important
}

.selectize-input>input::-ms-clear {
	display: none
}

.selectize-input>input:focus {
	outline: none !important
}

.selectize-input::after {
	content: ' ';
	display: block;
	clear: left
}

.selectize-input.dropdown-active::before {
	content: ' ';
	display: block;
	position: absolute;
	background: #f0f0f0;
	height: 1px;
	bottom: 0;
	left: 0;
	right: 0
}

.selectize-dropdown {
	position: absolute;
	z-index: 10;
	border: 1px solid #d0d0d0;
	background: #ffffff;
	margin: -1px 0 0 0;
	border-top: 0 none;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 3px 3px
}

.selectize-dropdown [data-selectable] {
	cursor: pointer;
	overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
	background: rgba(125, 168, 208, 0.2);
	border-radius: 1px
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
	padding: 5px 8px
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
	border-top: 0 none
}

.selectize-dropdown .optgroup-header {
	color: #303030;
	background: #ffffff;
	cursor: default
}

.selectize-dropdown .active {
	background-color: #f5fafd;
	color: #495c68
}

.selectize-dropdown .active.create {
	color: #495c68
}

.selectize-dropdown .create {
	color: rgba(48, 48, 48, 0.5)
}

.selectize-dropdown-content {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 200px
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
	cursor: pointer
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
	cursor: text
}

.selectize-control.single .selectize-input:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #808080 transparent transparent transparent
}

.selectize-control.single .selectize-input.dropdown-active:after {
	margin-top: -4px;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #808080 transparent
}

.selectize-control.rtl.single .selectize-input:after {
	left: 15px;
	right: auto
}

.selectize-control.rtl .selectize-input>input {
	margin: 0 4px 0 -2px !important
}

.selectize-control .selectize-input.disabled {
	opacity: 0.5;
	background-color: #fafafa
}

.selectize-control.plugin-remove_button [data-value] {
	position: relative;
	padding-right: 24px !important
}

.selectize-control.plugin-remove_button [data-value] .remove {
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 17px;
	text-align: center;
	font-weight: 400;
	padding: 0 5px;
	font-size: 20px;
	top: 5px;
	color: inherit;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

html {
	box-sizing: border-box
}

*,
*:before,
*:after {
	box-sizing: inherit
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #ebebeb;
	color: #3c3c3b;
	position: relative;
	overflow-x: hidden
}

.placeholder {
	background-color: #3c3c3b;
	height: 100px;
	color: #fff
}

img {
	width: 100%;
	height: auto;
	display: block
}

.full-width {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box
}

.full-width:after {
	content: "";
	display: table;
	clear: both
}

.full-width-inner {
	padding: 0 .3125em
}

@media only screen and (min-width: 650px) {
	.full-width {
		padding-left: 20px;
		padding-right: 20px
	}
	.full-width-inner {
		padding: 0 1.25em
	}
}

@font-face {
	font-family: 'Appareo';
	font-weight: normal;
	font-style: italic;
	src: url("../fonts/30419C_0_0.eot");
	src: url("../fonts/30419C_0_0-1.eot") format("embedded-opentype"), url("../fonts/30419C_0_0.woff2") format("woff2"), url("../fonts/30419C_0_0.woff") format("woff"), url("../fonts/30419C_0_0.ttf") format("truetype")
}

@font-face {
	font-family: 'Appareo';
	font-weight: normal;
	font-style: normal;
	src: url("../fonts/30419C_1_0.eot");
	src: url("../fonts/30419C_1_0-1.eot") format("embedded-opentype"), url("../fonts/30419C_1_0.woff2") format("woff2"), url("../fonts/30419C_1_0.woff") format("woff"), url("../fonts/30419C_1_0.ttf") format("truetype")
}

h1 {
	font-family: "Poppins", sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 1.45833em
}

h2 {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.25em;
	letter-spacing: 0.14em;
	margin-bottom: 1.45833em;
	color: #3c3c3b
}

h2.impact {
	font-family: "Appareo", serif;
	font-style: italic;
	text-transform: lowercase;
	font-weight: 400;
	text-align: center;
	display: block;
	width: 100%;
	padding: 0 .20833em;
	letter-spacing: 0
}

h2.impact b {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.14em;
	font-style: normal
}

h3 {
	font-family: "Appareo", serif;
	font-size: 1.5em;
	line-height: 1.33333em;
	text-transform: uppercase;
	margin-bottom: 1.45833em
}

h3 em {
	font-family: "Appareo", serif;
	font-style: italic;
	text-transform: none
}

h3.quiet {
	font-size: 1.125em;
	line-height: 1.33333em;
	margin-bottom: 1.33333em
}

h4 {
	font-family: "Appareo", serif;
	font-size: 1.5em;
	line-height: 1.33333em;
	margin-bottom: 1.66667em
}

h4 em {
	font-style: italic
}

body {
	font-family: "Anonymous Pro", sans-serif;
	font-weight: 400
}

p {
	font-size: 1.125em;
	line-height: 1.44444em;
	margin-bottom: 1.94444em
}

p a {
	text-decoration: underline
}

blockquote {
	font-family: "Anonymous Pro", sans-serif;
	font-size: 1.5em;
	line-height: 1.33333em;
	margin-bottom: 1.33333em;
	color: #8fb6a7
}

a {
	cursor: pointer;
	color: #3c3c3b;
	text-decoration: none
}

a:hover {
	color: #898989
}

a[href^="mailto"] {
	word-wrap: break-word
}

.cta {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-size: 1.225em;
	line-height: 1.33333em;
	letter-spacing: 0.14em;
	font-weight: 900;
	color: #3c3c3b
}

.varied-typeface {
	letter-spacing: 0;
	font-family: "Appareo", serif;
	text-transform: none;
	font-weight: 400
}

.varied-typeface b {
	text-transform: uppercase;
	font-family: "Poppins", sans-serif;
	letter-spacing: 0.14em;
	font-weight: 700
}

.varied-typeface em {
	text-transform: uppercase;
	font-family: "Appareo", serif;
	font-style: italic
}

.intro {
	font-size: 1.5em;
	line-height: 1.25em;
	color: #48602f;
	letter-spacing: 0;
	font-family: "Appareo", serif;
	text-transform: none;
	font-weight: 400
}

.intro em {
	text-transform: uppercase;
	font-family: "Appareo", serif;
	font-style: italic
}

.intro a {
	color: #48602f
}

.intro a:hover {
	color: #3c3c3b
}

.intro--colour2 {
	color: #415c73
}

@media only screen and (min-width: 650px) {
	h1 {
		font-size: 2.25em;
		line-height: 1.16667em;
		margin-bottom: 1.25em
	}
	h2.impact {
		padding: 0 .83333em
	}
	h3 {
		font-size: 2.25em;
		line-height: 1.11111em;
		margin-bottom: 1.875em
	}
	h3.quiet {
		font-size: 1.125em;
		line-height: 1.33333em;
		margin-bottom: 1.33333em
	}
	p {
		margin-bottom: 1.94444em
	}
}

@media only screen and (min-width: 800px) {
	h4 {
		margin-bottom: 2.08333em
	}
	h2.impact {
		font-size: 2.25em;
		line-height: 1.11111em;
		padding: 0 .55556em
	}
	.intro {
		font-size: 2.25em;
		line-height: 1.33333em
	}
	p {
		margin-bottom: 2.5em
	}
}

@media only screen and (min-width: 960px) {
	h3 {
		font-size: 3em;
		line-height: 1.04167em
	}
	h3.quiet {
		font-size: 1.5em;
		line-height: 1.33333em;
		margin-bottom: 1.33333em
	}
	h2.impact {
		font-size: 3em;
		line-height: 1em;
		padding: 0 .20833em
	}
}

.blockquote {
	font-size: 1em
}

.blockquote:before {
	content: "";
	background: url("../images/sprites/sprite.png") -179px -194px no-repeat transparent;
	width: 41px;
	height: 29px;
	display: block;
	margin-bottom: .9375em
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.blockquote:before {
		background: url("../images/sprites/sprite_2x.png") -179px -194px no-repeat transparent;
		background-size: 254px 480px
	}
}

.blockquote-copy {
	font-family: "Appareo", serif;
	font-style: italic;
	color: #8fb6a7;
	font-size: 1.5em;
	line-height: 1.25em
}

@media only screen and (min-width: 650px) {
	.blockquote-copy {
		font-size: 1.125em;
		line-height: 1.33333em
	}
}

@media only screen and (min-width: 960px) {
	.blockquote {
		position: relative;
		padding-left: 25%
	}
	.blockquote:before {
		position: absolute;
		left: 0;
		top: 0
	}
	.blockquote-copy {
		font-size: 1.5em;
		line-height: 1.25em
	}
}

.layout-1 {
	margin-bottom: 1.5625em
}

.layout-1:after {
	content: "";
	display: table;
	clear: both
}

.layout-1-container-1-item-1,
.layout-1-container-1-item-2,
.layout-1-container-1-item-3,
.layout-1-container-2-item-1,
.layout-1-container-2-item-2 {
	width: 100%;
	padding: 0 .3125em;
	margin-bottom: .9375em
}

.layout-1-container-1-item-1 {
	margin-bottom: 0
}

.layout-1-container-1-item-2 {
	margin-bottom: 2.5em
}

.layout-1-container-1-item-2 {
	text-align: center
}

@media only screen and (min-width: 650px) {
	.layout-1 {
		padding-top: 3.125em
	}
	.layout-1-container-1,
	.layout-1-container-2 {
		width: 100%;
		position: relative;
		padding: 0 .625em
	}
	.layout-1-container-1:after,
	.layout-1-container-2:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-1-container-1-item-1,
	.layout-1-container-1-item-2,
	.layout-1-container-2-item-1,
	.layout-1-container-2-item-2 {
		width: 50%;
		float: left;
		padding: 0 .625em;
		margin-bottom: 0
	}
	.layout-1-container-1-item-2 {
		clear: left;
		text-align: left;
		margin-bottom: 3.125em
	}
	.layout-1-container-1-item-3 {
		position: absolute;
		right: 0;
		bottom: 1.25em;
		width: 50%;
		padding: 0 .625em
	}
	.layout-1-container-2-item-1 {
		position: absolute;
		top: 0;
		right: 0
	}
}

@media only screen and (min-width: 960px) {
	.layout-1 {
		padding-left: 1.875em;
		padding-right: 1.875em
	}
	.layout-1-container-1,
	.layout-1-container-2 {
		float: left
	}
	.layout-1-container-1 {
		width: 66.666666667%
	}
	.layout-1-container-2 {
		width: 33.333333333%
	}
	.layout-1-container-1-item-1,
	.layout-1-container-1-item-2,
	.layout-1-container-1-item-3,
	.layout-1-container-2-item-1,
	.layout-1-container-2-item-2 {
		margin-bottom: 1.5em;
		padding: 0
	}
	.layout-1-container-1-item-1 {
		width: 87.5%;
		margin-left: 12.5%;
		margin-top: 3.75em
	}
	.layout-1-container-1-item-2 {
		width: 85.5%;
		margin-left: 12.5%;
		float: left;
		padding-right: .625em
	}
	.layout-1-container-1-item-3 {
		width: 50%;
		float: left;
		position: static;
		padding-left: .625em
	}
	.layout-1-container-2-item-1,
	.layout-1-container-2-item-2 {
		width: auto;
		margin-left: 0;
		position: static
	}
	.csstransforms .layout-1-container-1-item-3 {
		-webkit-transform: none;
		transform: none
	}
}

.layout-2 {
	background-color: #edf7f3;
	color: #3c3c3b;
	padding: 2.5em 0
}

.layout-2:after {
	content: "";
	display: table;
	clear: both
}

.layout-2 .figure-title,
.layout-2 .card-caption-title {
	color: #8fb6a7
}

.layout-2 .figure-copy a {
	color: #8fb6a7;
	text-decoration: underline;
	font-weight: 700
}

.layout-2 .card-caption {
	background-color: #edf7f3
}

.layout-2-item-1,
.layout-2-item-2,
.layout-2-item-3,
.layout-2-item-4 {
	padding: 0 .3125em;
	margin-bottom: 2.8125em
}

.layout-2-item-4 {
	/*display: none*/
}

@media only screen and (min-width: 650px) {
	.layout-2-item-1,
	.layout-2-item-2,
	.layout-2-item-3,
	.layout-2-item-4 {
		float: left;
		padding: 0 1.25em;
		margin-bottom: 0
	}
	.layout-2-item-1 {
		width: 100%;
		margin-bottom: 2.5em
	}
	.layout-2-item-2 {
		width: 33.333333333%;
		float: left
	}
	.layout-2-item-3 {
		position: relative;
		width: 66.666666667%;
		margin-top: 6.5625em
	}
}

@media only screen and (min-width: 960px) {
	.layout-2 {
		padding: 3.75em .625em
	}
	.layout-2-item-1,
	.layout-2-item-2,
	.layout-2-item-3,
	.layout-2-item-4 {
		padding: 0 .625em;
		float: left
	}
	.layout-2-item-1 {
		width: 75%;
		margin-bottom: 3.125em
	}
	.layout-2-item-2 {
		width: 25%;
		padding-left: 1.25em
	}
	.layout-2-item-3 {
		width: 40%;
		/*top: -3.125em;*/
		margin-top: 0;
		margin-bottom: -3.125em
	}
	.layout-2-item-4 {
		display: block;
		width: 60%;
		/*margin-top: 3.125em*/
	}
	.flexbox .layout-2 .full-width {
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: end;
		justify-content: flex-end;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-flow: row wrap
	}
	.flexbox .layout-2-item-1,
	.flexbox .layout-2-item-2 {
		float: none;
		-webkit-box-flex: 0;
		flex-grow: 0
	}
}

.layout-3-item-1,
.layout-3-item-2,
.layout-3-item-3,
.layout-3-item-4,
.layout-3-item-5,
.layout-3-item-6,
.layout-3-item-7 {
	padding: 0 .3125em
}

.layout-3-item-2 {
	margin-bottom: 2.1875em
}

.layout-3-item-2:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #3c3c3b;
	display: block
}

.layout-3-item-3 {
	display: none
}

.layout-3-item-6 a {
	font-weight: 700
}

@media only screen and (min-width: 650px) {
	.layout-3-item-1,
	.layout-3-item-2,
	.layout-3-item-3,
	.layout-3-item-4,
	.layout-3-item-5,
	.layout-3-item-6,
	.layout-3-item-7 {
		padding: 0 1.25em
	}
	.layout-3-item-2,
	.layout-3-item-3,
	.layout-3-item-4,
	.layout-3-item-5,
	.layout-3-item-6,
	.layout-3-item-7 {
		float: left
	}
	.layout-3:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-3-item-1 {
		float: right;
		width: 33.333333333%
	}
	.layout-3-item-2 {
		width: 66.666666667%
	}
	.layout-3-item-4,
	.layout-3-item-5,
	.layout-3-item-6,
	.layout-3-item-7 {
		width: 66.666666667%
	}
}

@media only screen and (min-width: 1200px) {
	.layout-3-item-1 {
		width: 25%;
		margin-left: 8.333333333%
	}
	.layout-3-item-2 {
		margin-bottom: 2.8125em;
		width: 66.666666667%
	}
	.layout-3-item-3 {
		display: block;
		width: 16.666666667%;
		float: left;
		clear: left
	}
	.layout-3-item-4,
	.layout-3-item-5 {
		width: 50%
	}
	.layout-3-item-5 {
		margin-left: 16.666666667%
	}
	.layout-3-item-6 {
		clear: left
	}
	.layout-3-item-6,
	.layout-3-item-7 {
		width: 33.333333333%
	}
}

.layout-4-item-1,
.layout-4-item-2,
.layout-4-item-3,
.layout-4-item-4,
.layout-4-item-5,
.layout-4-item-6 {
	padding: 0 .3125em;
	position: relative
}

.layout-4-item-1,
.layout-4-item-3,
.layout-4-item-4,
.layout-4-item-6 {
	margin-bottom: 1.875em
}

.layout-4-item-2 {
	width: 66.666666667%
}

.layout-4-item-3 {
	width: 83.333333333%;
	margin-left: 16.666666667%
}

.layout-4-item-4 h3 {
	text-transform: none
}

.csscalc .layout-4-item-2 {
	width: calc(66.666666667% + 20px);
	left: -20px
}

.csscalc .layout-4-item-6 {
	width: calc(100% + 20px)
}

@media only screen and (min-width: 650px) {
	.layout-4-item-1,
	.layout-4-item-2,
	.layout-4-item-3,
	.layout-4-item-4,
	.layout-4-item-5,
	.layout-4-item-6 {
		float: left;
		padding: 0 1.25em
	}
	.layout-4-wrapper-2 {
		position: relative;
		clear: both
	}
	.layout-4-wrapper-2:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-4-wrapper-2-g1,
	.layout-4-wrapper-2-g2 {
		float: left;
		width: 50%
	}
	.layout-4-item-1 {
		width: 94%;
		margin-bottom: 1.25em
	}
	.layout-4-item-2,
	.layout-4-item-3 {
		width: 100%;
		margin-bottom: 1.25em
	}
	.layout-4-item-4,
	.layout-4-item-5 {
		width: 100%;
		margin-bottom: 1.25em
	}
	.layout-4-item-6 {
		width: 83.333333333%
	}
	.csscalc .layout-4-item-2,
	.csscalc .layout-4-item-3 {
		width: calc(100% + 20px);
		left: -20px;
		margin-left: 0;
		padding-left: 0;
		clear: left
	}
	.csscalc .layout-4-item-6 {
		width: calc(83.333333333% + 20px);
		float: right;
		clear: left;
		right: -20px;
		padding-right: 0
	}
	.csstransforms .layout-4-wrapper-2-g2 {
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@media only screen and (min-width: 1200px) {
	.layout-4 {
		padding: 3.75em .625em 1.25em
	}
	.layout-4-wrapper-1 {
		position: relative
	}
	.layout-4-wrapper-1:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-4-wrapper-2 {
		width: 50%;
		float: left;
		clear: none;
		position: absolute;
		right: 0;
		bottom: -1.875em
	}
	.layout-4-wrapper-2-g1 {
		width: auto;
		float: none
	}
	.layout-4-item-1,
	.layout-4-item-2,
	.layout-4-item-3,
	.layout-4-item-4,
	.layout-4-item-5,
	.layout-4-item-6 {
		padding: 0 .625em
	}
	.layout-4-item-1,
	.layout-4-item-2,
	.layout-4-item-3 {
		width: 50%;
		margin-bottom: 1.875em
	}
	.layout-4-item-6 {
		width: 75%;
		right: auto
	}
	.csscalc .layout-4-item-1,
	.csscalc .layout-4-item-2,
	.csscalc .layout-4-item-3,
	.csscalc .layout-4-item-4,
	.csscalc .layout-4-item-5,
	.csscalc .layout-4-item-6 {
		padding: 0 .625em
	}
	.csscalc .layout-4-item-1,
	.csscalc .layout-4-item-2,
	.csscalc .layout-4-item-3 {
		width: 50%;
		left: auto
	}
	.csscalc .layout-4-item-6 {
		width: 75%;
		right: auto;
		float: left;
		margin-left: 16.666666667%;
		clear: right
	}
}

.layout-5 {
	background-color: #edf7f3;
	padding: 2.5em 0
}

.layout-5:after {
	content: "";
	display: table;
	clear: both
}

.layout-5 .figure-title--quiet {
	color: #8fb6a7
}

.layout-5-item-1,
.layout-5-item-2,
.layout-5-item-3,
.layout-5-item-4 {
	padding: 0 .3125em;
	margin-bottom: 4.6875em
}

.layout-5-item-4 {
	margin-bottom: 0
}

@media only screen and (min-width: 650px) {
	.layout-5 {
		padding: 3.125em .625em
	}
	.layout-5-item-1,
	.layout-5-item-2,
	.layout-5-item-3,
	.layout-5-item-4 {
		float: left;
		width: 50%;
		padding: 0 .625em
	}
	.layout-5-item-3,
	.layout-5-item-4 {
		margin-bottom: 0
	}
	.layout-5-item-2,
	.layout-5-item-3,
	.layout-5-item-4 {
		width: 46%
	}
	.layout-5-item-2,
	.layout-5-item-4 {
		float: right
	}
}

@media only screen and (min-width: 800px) {
	.layout-5-container-1:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-5-item-4 {
		position: relative
	}
}

@media only screen and (min-width: 1200px) {
	.layout-5 {
		padding: 0 .625em;
		margin: 74px 0 87px
	}
	.layout-5-container-1 {
		position: relative
	}
	.layout-5-container-1:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-5-item-2,
	.layout-5-item-3,
	.layout-5-item-4 {
		float: left;
		width: 50%
	}
	.layout-5-item-1 {
		padding: 0
	}
	.layout-5-item-2,
	.layout-5-item-3,
	.layout-5-item-4 {
		padding: 0;
		margin-bottom: 0
	}
	.layout-5-item-3 .figure-image,
	.layout-5-item-4 .figure-image {
		margin: 0
	}

	/*******************************achievement*************************/
	@media only screen and (min-width: 650px) {
	.layout-5 {
		padding: 3.125em .625em
	}
	.layout-5-item-ac1,
	.layout-5-item-ac2,
	.layout-5-item-ac3,
	.layout-5-item-ac4 {
		float: left;
		width: 30%;
		margin:21px;
		padding: 0 .625em
	}
	.layout-5-item-ac3,
	.layout-5-item-ac4 {
		margin-bottom: 0
	}
	.layout-5-item-ac2,
	.layout-5-item-ac3,
	.layout-5-item-ac4 {
		width: 46%
	}
	.layout-5-item-ac2,
	.layout-5-item-ac4 {
		float: right
	}
}

@media only screen and (min-width: 800px) {
	.layout-5-container-ac1:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-5-item-ac4 {
		position: relative
	}
}

@media only screen and (min-width: 1200px) {
	.layout-5 {
		padding: 0 .625em;
		margin: 74px 0 87px
	}
	.layout-5-container-ac1 {
		position: relative
	}
	.layout-5-container-ac1:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-5-item-ac2,
	.layout-5-item-ac3,
	.layout-5-item-ac4 {
		float: left;
		width: 30%;
		margin:21px;
	}
	.layout-5-item-1 {
		padding: 0
	}
	.layout-5-item-ac2,
	.layout-5-item-ac3,
	.layout-5-item-ac4 {
		padding: 0;
		margin-bottom: 0
	}
	.layout-5-item-ac3 .figure-image,
	.layout-5-item-ac4 .figure-image {
		margin: 0
	}
}
	/******************************end**********************************/



/*******************************gallery*************************/
	@media only screen and (min-width: 650px) {
	.layout-5 {
		padding: 3.125em .625em
	}

	.layout-5-item-ac6 {
		float: left;
		width: 15%;
		margin:10px;
		padding: 0 .625em
	}

	.layout-5-item-ac6 {
		margin-bottom: 0
	}

	.layout-5-item-ac6 {
		width: 46%
	}

	.layout-5-item-ac6 {
		float: right
	}
}

@media only screen and (min-width: 800px) {
	.layout-5-container-ac1:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-5-item-ac6 {
		position: relative
	}
}

@media only screen and (min-width: 1200px) {
	.layout-5 {
		padding: 0 .625em;
		margin: 74px 0 87px
	}
	.layout-5-container-ac1 {
		position: relative
	}
	.layout-5-container-ac1:after {
		content: "";
		display: table;
		clear: both
	}

	.layout-5-item-ac6 {
		float: left;
		width: 15%;
		margin:10px;
	}
	.layout-5-item-1 {
		padding: 0
	}

	.layout-5-item-ac6 {
		padding: 0;
		margin-bottom: 0
	}

	.layout-5-item-ac6 .figure-image {
		margin: 0
	}
}
	/******************************end**********************************/



	/*******************************Training and project*************************/
	@media only screen and (min-width: 650px) {
	.layout-5 {
		padding: 3.125em .625em
	}
	.layout-5-item-tp1,
	.layout-5-item-tp2,
	.layout-5-item-tp3,
	.layout-5-item-tp4 {
		float: left;
		width: 30%;
		margin:21px;
		padding: 0 .625em
	}
	.layout-5-item-tp3,
	.layout-5-item-tp4 {
		margin-bottom: 0
	}
	.layout-5-item-tp2,
	.layout-5-item-tp3,
	.layout-5-item-tp4 {
		width: 46%
	}
	.layout-5-item-tp2,
	.layout-5-item-tp4 {
		float: right
	}
}

@media only screen and (min-width: 800px) {
	.layout-5-container-tp1:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-5-item-tp4 {
		position: relative
	}
}

@media only screen and (min-width: 1200px) {
	.layout-5 {
		padding: 0 .625em;
		margin: 74px 0 87px
	}
	.layout-5-container-tp1 {
		position: relative
	}
	.layout-5-container-tp1:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-5-item-tp2,
	.layout-5-item-tp3,
	.layout-5-item-tp4 {
		float: left;
		width: 30%;
		margin:21px;
	}
	.layout-5-item-1 {
		padding: 0
	}
	.layout-5-item-tp2,
	.layout-5-item-tp3,
	.layout-5-item-tp4 {
		padding: 0;
		margin-bottom: 0
	}
	.layout-5-item-tp3 .figure-image,
	.layout-5-item-tp4 .figure-image {
		margin: 0
	}
}
	/******************************end**********************************/


	/*******************************Contact*************************/
	@media only screen and (min-width: 650px) {
	.layout-5 {
		padding: 3.125em .625em
	}
	.layout-5-item-tp44 {
		float: left;
		width: 46%;
		margin:21px;
		padding: 0 .625em
	}
	.layout-5-item-tp3,
	.layout-5-item-tp44 {
		margin-bottom: 0
	}
	.layout-5-item-tp2,
	.layout-5-item-tp3,
	.layout-5-item-tp44{
		width: 46%
	}
	.layout-5-item-tp2,
	.layout-5-item-tp44 {
		float: right
	}
}

@media only screen and (min-width: 800px) {
	.layout-5-container-tp1:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-5-item-tp44 {
		position: relative
	}
}

@media only screen and (min-width: 1200px) {
	.layout-5 {
		padding: 0 .625em;
		margin: 74px 0 87px
	}
	.layout-5-container-tp1 {
		position: relative
	}
	.layout-5-container-tp1:after {
		content: "";
		display: table;
		clear: both
	}

	.layout-5-item-tp44 {
		float: left;
		width: 46%;
		margin:21px;
	}
	.layout-5-item-1 {
		padding: 0
	}
	.layout-5-item-tp2,
	.layout-5-item-tp3,
	.layout-5-item-tp44 {
		padding: 0;
		margin-bottom: 0
	}
	.layout-5-item-tp3 .figure-image,
	.layout-5-item-tp44 .figure-image {
		margin: 0
	}
}
	/******************************end**********************************/

/*******************************Sciencetiest*************************/
	@media only screen and (min-width: 650px) {
	.layout-5 {
		padding: 3.125em .625em
	}
	.layout-5-item-tp45 {
		float: left;
		width: 59%;
		margin:21px;
		padding: 0 .625em
	}
	.layout-5-item-tp45 {
		margin-bottom: 0
	}
	
	.layout-5-item-tp45{
		width: 46%
	}
	.layout-5-item-tp45 {
		float: right
	}
}

@media only screen and (min-width: 800px) {
	.layout-5-container-tp1:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-5-item-tp45 {
		position: relative
	}
}

@media only screen and (min-width: 1200px) {
	.layout-5 {
		padding: 0 .625em;
		margin: 74px 0 87px
	}
	.layout-5-container-tp1 {
		position: relative
	}
	.layout-5-container-tp1:after {
		content: "";
		display: table;
		clear: both
	}

	.layout-5-item-tp45 {
		float: left;
		width: 59%;
		margin:21px;
	}
	.layout-5-item-1 {
		padding: 0
	}
	.layout-5-item-tp45 {
		padding: 0;
		margin-bottom: 0
	}
	.layout-5-item-tp3 .figure-image,
	.layout-5-item-tp45 .figure-image {
		margin: 0
	}
}






@media only screen and (min-width: 650px) {
	.layout-5 {
		padding: 3.125em .625em
	}
	.layout-5-item-tp46 {
		float: left;
		width: 32%;
		margin:21px;
		padding: 0 .625em
	}
	.layout-5-item-tp46 {
		margin-bottom: 0
	}
	
	.layout-5-item-tp46{
		width: 46%
	}
	.layout-5-item-tp46 {
		float: right
	}
}

@media only screen and (min-width: 800px) {
	.layout-5-container-tp1:after {
		content: "";
		display: table;
		clear: both
	}
	.layout-5-item-tp46 {
		position: relative
	}
}

@media only screen and (min-width: 1200px) {
	.layout-5 {
		padding: 0 .625em;
		margin: 74px 0 87px
	}
	.layout-5-container-tp1 {
		position: relative
	}
	.layout-5-container-tp1:after {
		content: "";
		display: table;
		clear: both
	}

	.layout-5-item-tp46 {
		float: left;
		width: 32%;
		margin:21px;
	}
	.layout-5-item-1 {
		padding: 0
	}
	.layout-5-item-tp46 {
		padding: 0;
		margin-bottom: 0
	}
	.layout-5-item-tp3 .figure-image,
	.layout-5-item-tp46 .figure-image {
		margin: 0
	}
}
	/******************************end**********************************/



	.csstransforms .layout-5-item-1 {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.csstransforms .layout-5-item-2 {
		float: right
	}
}

.layout-6:after {
	content: "";
	display: table;
	clear: both
}

.layout-6--padded {
	padding: 2.8125em 0
}

.layout-6--colour2 {
	background-color: #e6eff1
}

.layout-6-item-1 {
	padding: 0 .3125em;
	margin-bottom: 4.6875em
}

.owl-item .layout-6-item-1 {
	width: auto
}

@media only screen and (min-width: 650px) {
	.layout-6 {
		padding: 0 1.875em
	}
	.layout-6--padded {
		padding: 3.4375em .625em
	}
	.layout-6-item-1 {
		float: left;
		width: 33.333333333%;
		padding: 0 .625em
	}
	.layout-6-item-1.t-last {
		clear: right
	}
	.layout-6-item-1.t-first {
		clear: left
	}
}

@media only screen and (min-width: 960px) {
	.layout-6 {
		padding: 0 1.875em
	}
	.layout-6--padded {
		padding: 3.4375em .625em
	}
	.layout-6-item-1 {
		padding: 0 .625em;
		width: 25%
	}
	.layout-6-item-2 {
		width: 50%;
		clear: left;
		float: left;
		padding: 0 .9375em
	}
	.layout-6-item-2 .cross-sell {
		margin-top: 0
	}
	.layout-6-item-1.t-first,
	.layout-6-item-1.t-last {
		clear: none
	}
	.layout-6-item-1.d-last {
		clear: right
	}
	.layout-6-item-1.d-first {
		clear: left
	}
}

.layout-7 {
	margin-bottom: 3.125em
}

.layout-7--flush {
	margin-bottom: 0
}

.layout-7-item-1 {
	width: 100%;
	padding: 0 .3125em;
	margin-bottom: 4.6875em
}

.layout-7-item-1--flush {
	margin-bottom: 0
}

@media only screen and (min-width: 650px) {
	.layout-7-item-1 {
		padding: 0 1.25em
	}
}

@media only screen and (min-width: 960px) {
	.layout-7-item-1 {
		margin-bottom: 9.375em
	}
	.layout-7-item-1--flush {
		margin-bottom: 0
	}
}

.layout-8:after {
	content: "";
	display: table;
	clear: both
}

.layout-8-item-1,
.layout-8-item-2 {
	margin-bottom: 6.25em;
	padding: 0 .3125em
}

@media only screen and (min-width: 650px) {
	.layout-8-container-1 {
		width: 50%;
		float: left
	}
	.layout-8-item-1,
	.layout-8-item-2 {
		width: 95%;
		padding: 0 1.25em;
		margin-bottom: 4.6875em
	}
	.layout-8-item-1.odd,
	.layout-8-item-2.odd {
		float: left
	}
	.layout-8-item-1.even,
	.layout-8-item-2.even {
		float: right
	}
}

@media only screen and (min-width: 800px) {
	.layout-8-item-1 {
		width: 83.333333333%;
		margin-right: 16.666666667%
	}
	.layout-8-item-2 {
		width: 83.333333333%;
		margin-left: 16.666666667%
	}
	.layout-8-item-1.odd,
	.layout-8-item-1.even,
	.layout-8-item-2.odd,
	.layout-8-item-2.even {
		float: none
	}
}

.layout-9 {
	margin-bottom: 2.1875em
}

.layout-9:after {
	content: "";
	display: table;
	clear: both
}

.layout-9-item-1,
.layout-9-item-2 {
	padding: 0 .3125em
}

@media only screen and (min-width: 650px) {
	.layout-9-item-1,
	.layout-9-item-2 {
		padding: 0 1.25em
	}
}

@media only screen and (min-width: 800px) {
	.layout-9 {
		margin-bottom: 2.8125em
	}
	.layout-9-item-1,
	.layout-9-item-2 {
		float: left
	}
	.layout-9-item-1 {
		width: 33.333333333%
	}
	.layout-9-item-2 {
		width: 58.333333333%;
		margin-left: 8.333333333%
	}
}

.layout-10 {
	margin-bottom: 2.1875em;
	padding-top: 3.125em
}

.layout-10:after {
	content: "";
	display: table;
	clear: both
}

.layout-10-item-2-wrapper {
	width: 100%
}

.layout-10-item-2-wrapper:after {
	content: "";
	display: table;
	clear: both
}

.layout-10-item-1,
.layout-10-item-2,
.layout-10-item-3,
.layout-10-item-4,
.layout-10-item-5,
.layout-10-item-6 {
	padding: 0 .3125em
}

.layout-10-item-1 {
	margin-bottom: 2.8125em
}

.layout-10-item-4 {
	margin-bottom: .625em
}

@media only screen and (min-width: 650px) {
	.layout-10-item-1,
	.layout-10-item-2,
	.layout-10-item-3,
	.layout-10-item-4,
	.layout-10-item-5,
	.layout-10-item-6 {
		padding: 0 1.25em
	}
	.layout-10-item-1,
	.layout-10-item-5 {
		width: 33.333333333%;
		float: left
	}
	.layout-10-item-2,
	.layout-10-item-3,
	.layout-10-item-4 {
		width: 66.666666667%;
		float: right
	}
	.layout-10-item-6 {
		clear: both
	}
}

@media only screen and (min-width: 800px) {
	.layout-10-item-1 {
		width: 25%
	}
}

@media only screen and (min-width: 1200px) {
	.layout-10 {
		margin-bottom: 2.8125em
	}
	.layout-10-item-1,
	.layout-10-item-2 {
		float: left
	}
	.layout-10-item-2-wrapper {
		width: 83.333333333%;
		float: left;
		margin-bottom: 2.1875em
	}
	.layout-10-item-2 {
		width: 60%;
		float: right
	}
	.layout-10-item-3 {
		width: 66.666666667%;
		float: right
	}
	.layout-10-item-4 {
		width: 16.666666667%;
		float: right;
		text-align: right
	}
	.layout-10-item-6 {
		width: 80%;
		float: left;
		margin-left: 20%
	}
}

.site-wrapper {
	background-color: #fff;
	position: relative;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear
}

.site-wrapper--pull-left {
	left: 75%
}

.site-wrapper--pull-right {
	right: 75%
}

.csstransforms .site-wrapper--pull-left {
	-webkit-transform: translateX(75%);
	transform: translateX(75%);
	left: auto
}

.csstransforms .site-wrapper--pull-right {
	-webkit-transform: translateX(-75%);
	transform: translateX(-75%);
	right: auto
}

@media only screen and (min-width: 800px) {
	.site-wrapper--pull-left {
		left: 50%
	}
	.site-wrapper--pull-right {
		right: 50%
	}
	.csstransforms .site-wrapper--pull-left {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		left: auto
	}
	.csstransforms .site-wrapper--pull-right {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		right: auto
	}
}

@media only screen and (min-width: 1200px) {
	.site-wrapper--pull-left {
		left: 33%
	}
	.site-wrapper--pull-right {
		right: 33%
	}
	.csstransforms .site-wrapper--pull-left {
		-webkit-transform: translateX(33%);
		transform: translateX(33%);
		left: auto
	}
	.csstransforms .site-wrapper--pull-right {
		-webkit-transform: translateX(-33%);
		transform: translateX(-33%);
		right: auto
	}
}

.site-header {
	padding-top: 2.375em;
	padding-bottom: 2.375em
}

.site-header-wrapper {
	position: relative
}

.site-header-logo {
	background: url("../../img/logo/dg_logo.png") -113px 0 no-repeat transparent;
	width: 31px;
	height: 66px;
	display: block;
	font-size: 0;
	background-size: contain;
	margin: 0 auto;
	margin-top: 10px;

}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.site-header-logo {
		background: url("../../img/logo/dg_logo.png") -113px 0 no-repeat transparent;
		background-size: 254px 480px
	}
}

.site-header-nav,
.site-header-contact {
	position: absolute;
	top: 0;
	font-size: 0;
	cursor: pointer
}

.site-header-nav {
	top: 11px;
	left: 5px
}

.site-header-nav:before {
	content: "";
	display: inline-block;
	background: url("../images/sprites/sprite.png") 0 -324px no-repeat transparent;
	width: 35px;
	height: 32px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.site-header-nav:before {
		background: url("../images/sprites/sprite_2x.png") 0 -324px no-repeat transparent;
		background-size: 254px 480px
	}
}

.site-header-nav:hover:before,
.site-header-nav.is-active:before {
	background-position: -37px -324px
}

.site-header-contact {
	top: 12px;
	right: 5px
}

.site-header-contact:after {
	content: "";
	display: inline-block;
	background: url("../images/sprites/sprite.png") -73px -324px no-repeat transparent;
	width: 36px;
	height: 30px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.site-header-contact:after {
		background: url("../images/sprites/sprite_2x.png") -73px -324px no-repeat transparent;
		background-size: 254px 480px
	}
}

.site-header-contact:hover:after {
	background-position: -109px -324px
}

.site-header-hr {
	border: 0;
	box-shadow: 0;
	height: 2px;
	width: 100%;
	background-color: #3c3c3b;
	margin-bottom: 4.6875em
}

@media only screen and (min-width: 650px) {
	.site-header-logo {
		background-position: 0 0;
		width: 254px;
		height: 124px;
		background-size: contain;
	}
	.site-header-nav {
		left: 20px
	}
	.site-header-nav:before {
		background: url("../images/sprites/sprite.png") 0 -125px no-repeat transparent;
		width: 44px;
		height: 40px
	}
}

@media only screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 650px) and (min-resolution: 192dpi) {
	.site-header-nav:before {
		background: url("../images/sprites/sprite_2x.png") 0 -125px no-repeat transparent;
		background-size: 254px 480px
	}
}

@media only screen and (min-width: 650px) {
	.site-header-nav:hover:before,
	.site-header-nav.is-active:before {
		background-position: -46px -125px
	}
	.site-header-contact {
		right: 20px
	}
	.site-header-contact:after {
		content: "";
		display: inline-block;
		background: url("../images/sprites/sprite.png") -91px -125px no-repeat transparent;
		width: 46px;
		height: 38px
	}
}

@media only screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 650px) and (min-resolution: 192dpi) {
	.site-header-contact:after {
		background: url("../images/sprites/sprite_2x.png") -91px -125px no-repeat transparent;
		background-size: 254px 480px
	}
}

@media only screen and (min-width: 650px) {
	.site-header-contact:hover:after {
		background-position: -137px -125px
	}
	.site-header-nav,
	.site-header-contact {
		top: 0
	}
	.site-nav-primary {
		width: 100%;
		padding: 0 15px;
		padding: 4.375em 1.25em 0;
		text-align: center
	}
	.site-nav-primary:after {
		content: "";
		display: table;
		clear: both
	}
	.site-nav-primary-item {
		font-family: "Poppins", sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 1.5em;
		letter-spacing: 0.14em;
		color: #3c3c3b;
		display: inline-block;
		margin: 0 .91667em;
		border-bottom: 4px solid #fff
	}
	.site-nav-primary-item:hover,
	.site-nav-primary-item.is-active {
		color: #48602f;
		border-bottom: 4px solid #48602f
	}
	.flexbox .site-nav-primary {
		display: -webkit-box;
		display: flex;
		justify-content: space-around
	}
	.flexbox .site-nav-primary-item {
		margin: 0
	}
}

@media only screen and (min-width: 800px) {
	.site-header-nav {
		left: 20px
	}
	.site-header-nav:before {
		margin-right: 40px;
		position: relative;
		top: 15px
	}
	.site-header-contact {
		right: 20px
	}
	.site-header-contact:after {
		margin-left: 40px;
		position: relative;
		top: 15px
	}
	.site-header-nav,
	.site-header-contact {
		font-size: .875em;
		letter-spacing: 0.14em;
		color: #3c3c3b;
		font-family: "Poppins", sans-serif;
		text-transform: uppercase;
		font-weight: 400;
		top: -15px
	}
	.site-header-nav:hover,
	.site-header-contact:hover {
		color: #898989
	}
	.site-header-nav.is-active {
		color: #898989
	}
	.site-nav-primary {
		padding: 4.375em 1.25em 0
	}
	.site-nav-primary-item {
		font-size: 1.5em;
		margin: 0 .8em
	}
	.flexbox .site-nav-primary {
		-webkit-box-pack: center;
		justify-content: center
	}
	.flexbox .site-nav-primary-item {
		margin: 0 .91667em
	}
}

.menu {
	width: 75%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 3.125em 2.5em
}

.menu-list {
	margin-bottom: 3.125em
}

.menu-list--second {
	padding-top: 1.25em
}

.menu-list-item {
	margin-bottom: 3.125em
}

.menu-list-item.has-children {
	margin-bottom: 0
}

.menu-list-item--second {
	margin-bottom: 1.25em
}

.menu-list-item--small {
	margin-bottom: 0;
	padding-top: 1.25em
}

.menu-link {
	font-family: "Poppins", sans-serif;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 2.22222em;
	border-bottom: 4px solid transparent
}

.menu-link.is-active,
.menu-link:hover {
	color: #48602f;
	border-bottom: 4px solid #48602f
}

.menu-link--second {
	font-size: 1em;
	line-height: 2.1875em;
	color: #898989
}

.menu-link--third {
	font-size: 1em;
	line-height: 2.1875em
}

.menu-link--small {
	font-size: 1em;
	line-height: 2.1875em
}

.menu-footer {
	position: relative;
	padding-top: 2.5em
}

.menu-footer:before {
	content: "";
	top: 0;
	left: -2.5em;
	right: -2.5em;
	height: 1px;
	background-color: #3c3c3b;
	position: absolute
}

.menu-footer-copy {
	color: #3c3c3b
}

.menu-footer-email {
	color: #3c3c3b;
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.33333em;
	word-break: break-all;
	text-decoration: underline
}

@media only screen and (min-width: 800px) {
	.menu {
		width: 50%
	}
	.menu-link {
		font-size: 1.5em;
		line-height: 1.25em
	}
	.menu-link--second {
		font-size: 1.125em;
		line-height: 1.33333em;
		line-height: 1.94444em
	}
	.menu-link--third {
		font-size: 1.125em;
		line-height: 1.33333em;
		line-height: 1.94444em
	}
	.menu-link--small {
		font-size: 1.125em;
		line-height: 1.33333em;
		line-height: 1.94444em
	}
	.menu-list--second {
		padding-top: 2.5em
	}
	.menu-list-item--second {
		margin-bottom: 2.5em
	}
}

@media only screen and (min-width: 1200px) {
	.menu {
		width: 33%
	}
}

.site-footer {
	color: #898989;
	background-color: #fafafa;
	padding: 3.25em 0;
}

.site-footer-group1,
.site-footer-group2,
.site-footer-group3 {
	padding: 0 .3125em
}

.site-footer-group3 {
	text-align: center;
	clear: both;
	color: #3c3c3b
}

.site-footer-form {
	margin-bottom: 4.6875em;
	text-align: center
}

.site-footer-form-title {
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: 1.66667em;
	text-align: center
}

.site-footer-form-lable {
	font-family: "Appareo", serif;
	font-style: italic;
	font-size: 1.125em;
	line-height: 1.33333em;
	margin-bottom: 2.22222em;
	color: #3c3c3b;
	text-align: center;
	display: block;
	width: 100%
}

.site-footer-form-input {
	width: 100%;
	font-family: "Appareo", serif;
	font-style: italic;
	font-size: 1.125em;
	background-color: #fff;
	border: none;
	box-shadow: none;
	border-radius: 0;
	padding: .9375em 1.25em;
	margin-bottom: 1.25em
}

.site-footer-form-submit {
	background-color: #898989;
	border: none;
	box-shadow: none;
	border-radius: 0;
	color: #fff;
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.125em;
	letter-spacing: 0.14em;
	text-align: center;
	display: inline-block;
	padding: .55556em 1.11111em
}

.site-footer-form-submit:hover {
	background-color: #3c3c3b
}

.site-footer-social {
	margin-bottom: 5em;
	text-align: center
}

.site-footer-social-title {
	font-size: 1.125em;
	line-height: 1.33333em;
	margin-bottom: 1.25em;
	text-align: center
}

.site-footer-social-item {
	display: inline-block;
	margin: 0 10px;
}

.site-footer-social-link {
	display: inline-block;
	font-size: 0;
}

.site-footer-social-link--facebook {
	background: url("../images/sprites/sprite.png") -33px -240px no-repeat transparent;
	width: 20px;
	height: 40px
}

.site-footer-social-link--linkedin {
	background: url("../images/sprites/sprite.png") -33px -240px no-repeat transparent;
	width: 20px;
	height: 40px
}



@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.site-footer-social-link--facebook {
		background: url("../images/sprites/sprite_2x.png") -33px -240px no-repeat transparent;
		background-size: 254px 480px
	}
}

.site-footer-social-link--facebook:hover {
	background-position: -33px -282px
}

.site-footer-social-link--twitter {
	background: url("../images/sprites/sprite.png") -54px -240px no-repeat transparent;
	width: 50px;
	height: 40px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.site-footer-social-link--twitter {
		background: url("../images/sprites/sprite_2x.png") -54px -240px no-repeat transparent;
		background-size: 254px 480px
	}
}

.site-footer-social-link--twitter:hover {
	background-position: -54px -282px
}

.site-footer-social-link--instagram {
	background: url("../images/sprites/sprite.png") -105px -240px no-repeat transparent;
	width: 41px;
	height: 41px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.site-footer-social-link--instagram {
		background: url("../images/sprites/sprite_2x.png") -105px -240px no-repeat transparent;
		background-size: 254px 480px
	}
}

.site-footer-social-link--instagram:hover {
	background-position: -105px -282px
}

.site-footer-item {
	display: block;
	margin-bottom: 3.125em;
	text-align: center
}

.site-footer-item-link {
	font-family: "Poppins", sans-serif;
	font-size: 1.125em;
	line-height: 1.66667em;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 700;
	color: #898989
}

.site-footer-item-link:hover {
	color: #3c3c3b
}

.site-footer-email {
	font-weight: 700;
	text-decoration: underline
}

.site-footer-end {
	padding: 2.5em .625em
}

.site-footer-end:after {
	content: "";
	display: table;
	clear: both
}

.site-footer-end-links {
	text-align: center;
	margin-bottom: 1.875em
}

.site-footer-end-links:after {
	content: "";
	display: table;
	clear: both
}

.site-footer-end-link {
	display: inline-block;
	color: #3c3c3b;
	text-decoration: underline;
	font-weight: 700;
	width: 100%
}

.site-footer-end-copyright {
	display: block;
	text-align: center;
	margin-bottom: 30px
}

.credit {
	display: block;
	text-align: center
}

.credit-link {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.14em
}

@media only screen and (min-width: 750px) {
	.site-footer-end-link {
		margin: 0 20px;
		width: auto
	}
}

@media only screen and (min-width: 650px) {
	.site-footer {
		padding-left: .625em;
		padding-right: .625em
	}
	.site-footer-group1,
	.site-footer-group2 {
		float: left;
		padding: 0 .625em
	}
	.site-footer-group1 {
		width: 50%;
		margin-right: 16.666666667%
	}
	.site-footer-group2 {
		width: 33.333333333%
	}
	.site-footer-group3 {
		padding: 0 .625em
	}
	.site-footer-form {
		margin-bottom: 2.5em
	}
	.site-footer-form-title {
		font-size: 2.25em;
		line-height: 1.11111em;
		margin-bottom: 1.11111em
	}
	.site-footer-social {
		margin-bottom: 4.6875em
	}
	.site-footer-item {
		text-align: left;
		margin-bottom: 2.5em
	}
	.site-footer-end {
		padding: 2.5em 1.25em
	}
}

@media only screen and (min-width: 960px) {
	.site-footer-group1 {
		width: 41.666666667%;
		margin-right: 16.666666667%;
		margin-left: 8.333333333%
	}
	.site-footer-group2 {
		width: 33.333333333%
	}
	.site-footer-group3 {
		width: 33.333333333%;
		float: right;
		clear: none;
		text-align: left
	}
	.site-footer-form {
		margin-bottom: 6.25em
	}
	.site-footer-form-title {
		font-size: 3.75em;
		line-height: 1.2em;
		margin-bottom: 1.2em
	}
	.site-footer-form-lable {
		font-size: 1.5em;
		line-height: 1.33333em;
		margin-bottom: 3em
	}
	.site-footer-form-input {
		float: left;
		width: 70%;
		height: 55px
	}
	.site-footer-form-submit {
		float: left;
		width: 30%;
		height: 55px
	}
	.site-footer-address {
		margin-bottom: 0
	}
	.no-flexbox .site-footer-form-container:after {
		content: "";
		display: table;
		clear: both
	}
	.flexbox .site-footer-form-container {
		display: -webkit-box;
		display: flex
	}
	.flexbox .site-footer-form-input,
	.flexbox .site-footer-form-submit {
		float: none;
		width: auto;
		display: block;
		margin: 0;
		height: auto
	}
	.flexbox .site-footer-form-input {
		-webkit-box-flex: 1;
		flex: 1
	}
	.flexbox .site-footer-form-submit {
		width: auto
	}
	.site-footer-social {
		margin-bottom: 0
	}
	.site-footer-social-title {
		font-size: 1.5em;
		line-height: 1.25em;
		margin-bottom: 3em
	}
	.site-footer-end {
		padding: 1.5em 1.25em
	}
	.site-footer-end-links {
		margin: 0 20px 0;
		float: left
	}
	.site-footer-end-copyright {
		float: left;
		margin: 0
	}
	.credit {
		float: right
	}
}

.page-intro {
	padding: 4.6875em .3125em;
	position: relative
}

.page-intro:not(.page-intro--borderless):before {
	content: "";
	position: absolute;
	left: .625em;
	right: .625em;
	top: 0;
	height: 2px;
	background-color: #3c3c3b
}

.page-intro--bare {
	padding-top: 0
}

.page-intro--flush-bottom {
	padding-bottom: 0
}

.page-intro--pattern {
	background: url("../images/template/pattern-lostwithiel--bw.jpeg") center center repeat;
	color: #fff
}

.page-intro--pattern:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #8fb6a7;
	opacity: 0.7;
	height: auto
}

.page-intro--pattern .intro {
	color: #fff;
	margin-bottom: 0
}

.page-intro--pattern.diary {
	background: url("../images/template/pattern-animals.jpeg") left top repeat
}

.page-intro--pattern.events {
	background: url("../images/template/pattern-tools.jpeg") left top repeat
}

.page-intro-wrapper h1 {
	position: relative;
	z-index: 1
}

@media only screen and (min-width: 650px) {
	.page-intro {
		padding: 4.6875em 1.25em
	}
	.page-intro:before {
		left: 1.25em;
		right: 1.25em
	}
	.page-intro--bare {
		padding-top: 0
	}
	.page-intro--flush-bottom {
		padding-bottom: 0
	}
	.page-intro--pattern:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #8fb6a7;
		opacity: 0.7;
		height: auto
	}
}

@media only screen and (min-width: 800px) {
	.page-intro-wrapper {
		width: 66.666666667%;
		margin: 0 auto
	}
}

@media only screen and (min-width: 960px) {
	.page-intro {
		padding: 4.6875em 1.25em
	}
	.page-intro--bare {
		padding-top: 0
	}
	.page-intro--flush-bottom {
		padding-bottom: 0
	}
}

.card-link {
	display: block;
	position: relative;
	text-decoration: none
}

.card-link:hover .card-title {
	background-color: #fff;
	color: #3c3c3b
}

.card-link:hover .card-caption-title {
	color: #898989
}

.card-image {
	width: 100%;
	height: auto;
	display: block
}

.card-image--circle {
	border-radius: 50%
}

.card-header {
	position: absolute;
	top: 1.5em;
	width: 100%;
	text-align: center
}

.card-header--left {
	text-align: left;
	padding-left: 16.666666667%;
	padding-right: 16.666666667%
}

.card-header--bottom {
	top: 2.5em;
	bottom: auto
}

.card-title {
	color: #fff;
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-size: .875em;
	letter-spacing: .1em;
	font-weight: 700;
	border: 2px solid #fff;
	padding: 1.42857em;
	display: inline-block
}

.card-caption {
	position: relative;
	top: -2.5em;
	margin-bottom: -2.5em;
	margin-left: 16.666666667%;
	padding: .9375em 0 0 .9375em
}

.card-caption-title {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.25em;
	letter-spacing: 0.14em;
	margin-bottom: 1.45833em
}

@media only screen and (min-width: 650px) {
	.card-title {
		font-size: 1.125em;
		letter-spacing: .07778em;
		padding: 1.11111em
	}
	.card-header--bottom {
		top: 3.75em;
		bottom: auto
	}
	.card-caption {
		padding: 1.25em 0 0 1.25em
	}
}

@media only screen and (min-width: 960px) {
	.csscalc .card-image--bleed-left {
		width: calc(100% + 20px);
		position: relative;
		left: -20px
	}
	.card-caption {
		top: -3.125em;
		margin-bottom: -3.125em;
		padding: 1.5625em 0 0 1.5625em
	}
}

.figure {
	position: relative
}

.figure:after {
	content: "";
	display: table;
	clear: both
}

.figure-image-link {
	display: block;
	position: relative
}

.figure-image-link:after {
	content: "";
	display: table;
	clear: both
}

.figure-image-link--placeholder {
	position: relative
}

.figure-image-link--placeholder:after {
	content: "IMAGE coming soon";
	font-size: 1.5em;
	color: #fff;
	position: absolute;
	left: .83333em;
	right: .83333em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	font-family: "Appareo", serif;
	display: block
}

.figure-image {
	width: 100%;
	height: auto;
	margin-bottom: 2.1875em;
	display: block;
	position: relative
}

.figure-image--flush {
	margin-bottom: 0
}

.figure-image--circle {
	border-radius: 50%
}

.figure-image--event {
	position: relative;
	padding: 0 1.5625em
}

.figure-image--event:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5625em;
	left: 1.5625em;
	background: url("../images/template/event_circle2.png") center center/100% 100% no-repeat
}

.figure-svg-container {
	position: absolute;
	top: 0;
	right: 1.5625em;
	left: 1.5625em;
	bottom: 0
}

.figure-svg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: auto;
	max-width: 100%;
	max-height: 100%
}

.figure-caption--overlay-left {
	text-align: center
}

.figure-caption--overlay-left h1 {
	font-family: "Appareo", serif;
	font-size: 1.5em;
	line-height: 1.33333em;
	text-transform: uppercase;
	letter-spacing: 0;
	font-weight: 400
}

.figure-caption--overlay-left h1 em {
	font-family: "Appareo", serif;
	font-style: italic;
	text-transform: none
}

.figure-caption--overlay-right {
	text-align: center;
	width: 83.333333333%;
	margin-left: 16.666666667%;
	padding: .9375em 0 0 .9375em;
	position: relative;
	top: -5em;
	margin-bottom: -5em;
	background-color: #edf7f3
}

.figure-caption--pull-right {
	margin-left: 16.666666667%;
	padding-left: .9375em
}

.figure-caption--float-right {
	text-align: center
}

.figure-caption--bleed-left,
.figure-caption--bleed-right {
	position: relative;
	top: -155px;
	margin-bottom: -155px;
	width: 83.333333333%;
	padding: 1.875em;
	text-align: center;
	float: left;
	padding-left: 0;
	background-color: #edf7f3
}

.figure-logo {
	width: 252px;
	height: 121px;
	text-indent: 300%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto 20px;
	background: url("../images/sprites/sprite.png") -1px -357px no-repeat transparent
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.figure-logo {
		background: url("../images/sprites/sprite_2x.png") -1px -357px no-repeat transparent;
		background-size: 254px 480px
	}
}

.figure-title {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.25em;
	letter-spacing: 0.14em;
	margin-bottom: 1.45833em;
	display: block;
	word-wrap: break-word
}

.figure-title--loud {
	font-size: 1.5em;
	line-height: 1.25em;
	font-family: "Appareo", serif;
	font-style: italic;
	margin-bottom: 1.66667em;
	font-weight: 400;
	letter-spacing: 0
}

.figure-title--quiet {
	font-size: 1.125em;
	line-height: 1.33333em;
	font-family: "Anonymous Pro", sans-serif;
	margin-bottom: 2.22222em;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0
}

.figure-title--link {
	color: #415c73
}

.figure-title--link:hover {
	color: #3c3c3b
}

.figure-title--colour2 {
	color: #8fb6a7
}

.figure-meta-wrapper {
	margin-bottom: 1.5em
}

.figure-meta {
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.44444em;
	margin-bottom: 2.77778em;
	display: block
}

.figure-meta--time {
	margin-bottom: 2.22222em
}

.figure-meta--loud {
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 400;
	margin-bottom: 1.66667em
}

.figure-meta--link {
	text-decoration: underline;
	display: inline-block;
	margin: 0 .25em
}

.figure-meta-list {
	margin-bottom: 2.5em;
	display: block
}

.figure-meta-list-item {
	display: inline
}

.figure-meta-list-item:after {
	content: "/"
}

.figure-meta-list-item--last:after {
	display: none
}

.figure-copy {
	margin-bottom: 2.22222em
}

.figure-copy--italic {
	font-style: italic
}

.figure-copy--loud {
	font-size: 1.5em
}

.figure-link {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.33333em;
	letter-spacing: 0.14em
}

.figure-link:hover {
	color: #898989
}

@media only screen and (min-width: 650px) {
	.figure-image-link--placeholder:after {
		font-size: 1.875em;
		left: .66667em;
		right: .66667em
	}
	.figure-image--pull-left {
		width: 94.20289855%;
		position: relative;
		z-index: 1
	}
	.figure-caption-container {
		position: relative;
		z-index: 2;
		background-color: #edf7f3;
		padding: 1.875em
	}
	.figure-caption--top {
		position: relative;
		z-index: 3
	}
	.figure-caption--overlay-left {
		text-align: left
	}
	.figure-caption--overlay-left h1 {
		font-size: 2.25em;
		line-height: 1.11111em
	}
	.figure-caption--overlay-right {
		width: 75%;
		margin-left: 25%;
		position: absolute;
		top: auto;
		right: -1.25em;
		bottom: -6.5625em;
		margin-bottom: 0
	}
	.figure-caption--float-left .button,
	.figure-caption--float-right .button {
		display: block
	}
	.figure-caption--pull-right {
		padding-left: 1.25em
	}
	.figure-caption--pattern {
		padding: 2.5em
	}
	.figure-caption--pattern:before {
		content: "";
		background: url("../images/template/ig_pattern3.jpeg") right top/cover no-repeat transparent;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}
	.figure-caption--pattern:after {
		content: "";
		position: absolute;
		background-color: #edf7f3;
		top: 0;
		bottom: 0;
		width: 25%;
		left: 0
	}
}

@media only screen and (min-width: 960px) {
	.figure-image--pull-left {
		width: 66.666666667%;
		float: left;
		margin-bottom: 3.125em
	}
	.figure-caption-container {
		padding: 1.5em
	}
	.figure-caption-container--padded {
		padding: 3.125em
	}
	.figure-caption--overlay-left {
		text-align: left;
		position: absolute;
		left: -14.285714286%;
		bottom: .9375em;
		color: #3c3c3b;
		width: 57.142857143%
	}
	.figure-caption--overlay-left h1 {
		font-size: 3em;
		line-height: 1.04167em;
		margin-bottom: .41667em
	}
	.figure-caption--overlay-right {
		position: absolute;
		top: auto;
		right: .75em;
		bottom: -3.125em;
		width: 55.555555556%;
		right: .625em;
		margin-bottom: 0;
		padding: 1.5em
	}
	.figure-caption--pull-right {
		padding-left: 1.5625em
	}
	.figure-caption--pattern {
		padding: 3.125em
	}
	.figure-caption--pattern:after {
		width: 50px
	}
	.figure-image--bleed-left,
	.figure-image--bleed-right {
		margin-bottom: 0
	}
	.figure-caption--inline {
		position: static;
		width: 100%
	}
}

@media only screen and (min-width: 1200px) {
	.figure {
		position: relative
	}
	.figure-inner {
		position: absolute;
		border: 2px solid white;
		top: 0.8em;
		bottom: 0.8em;
		left: 0.8em;
		right: 0.8em;
		z-index: 3
	}
	.figure-image-bg-1 {
		background: #8fb6a7 url("../images/template/ptrn.jpg") repeat;
		position: absolute;
		left: 0;
		right: calc(50% - 37px);
		top: -37px;
		bottom: 0;
		z-index: 1
	}
	.figure-image-bg-2 {
		background: #8fb6a7 url("../images/template/ig_pattern2.jpeg") repeat;
		position: absolute;
		left: calc(0% - 37px);
		right: 0;
		top: 0;
		bottom: -37px;
		z-index: 1
	}
	.figure-image {
		position: relative;
		z-index: 2
	}
	.figure-image-container {
		padding: 15px;
		float: left;
		width: 50%
	}
	.figure-image--float-right {
		width: 50%;
		float: right
	}
	.figure-image--bleed-left {
		width: 50%;
		float: left
	}
	.figure-caption--float-right {
		width: 50%;
		float: left;
		padding: 0 15px 0 0;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.figure-caption--bleed-left {
		width: 50%;
		position: absolute;
		padding: 0 1.875em;
		top: 0;
		right: 0;
		-webkit-transform: none;
		transform: none;
		left: auto
	}
	.figure-caption--bleed-right {
		width: 50%;
		position: absolute;
		padding: 0 1.875em;
		top: 0;
		left: 0
	}
	.figure-caption--bg-1 {
		padding-left: calc(1.875em + 37px)
	}
	.figure-caption--bg-2 {
		padding-right: calc(1.875em + 37px)
	}
	.figure-meta--loud {
		margin-bottom: .375em
	}
	.figure-title--quiet {
		margin-bottom: .625em
	}
	.csstransforms .figure-caption--bleed-left {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 50%
	}
	.csstransforms .figure-caption--bleed-right {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 50%
	}
}

.icon {
	display: block
}

.icon--heart {
	color: #8fb6a7;
	font-weight: 700
}

.icon--heart:before {
	content: "";
	background: url("../images/sprites/sprite.png") -183px -125px no-repeat transparent;
	width: 22px;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 3px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.icon--heart:before {
		background: url("../images/sprites/sprite_2x.png") -183px -125px no-repeat transparent;
		background-size: 254px 480px
	}
}

.icon--facebook {
	font-size: 0
}

.icon--facebook:before {
	content: "";
	background: url("../images/sprites/sprite.png") -147px -266px no-repeat transparent;
	width: 12px;
	height: 24px;
	display: block
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.icon--facebook:before {
		background: url("../images/sprites/sprite_2x.png") -147px -266px no-repeat transparent;
		background-size: 254px 480px
	}
}

.icon--facebook:hover:before {
	background-position: -147px -240px
}

.icon--facebook--colour2:before {
	background-position: -147px -318px
}

.icon--facebook--colour3:before {
	background-position: -147px -292px
}

.icon--twitter {
	font-size: 0
}

.icon--twitter:before {
	content: "";
	background: url("../images/sprites/sprite.png") -160px -266px no-repeat transparent;
	width: 29px;
	height: 25px;
	display: block
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.icon--twitter:before {
		background: url("../images/sprites/sprite_2x.png") -160px -266px no-repeat transparent;
		background-size: 254px 480px
	}
}

.icon--twitter:hover:before {
	background-position: -160px -240px
}

.icon--twitter--colour2:before {
	background-position: -160px -318px
}

.icon--twitter--colour3:before {
	background-position: -160px -292px
}

.icon--pinterest {
	font-size: 0
}

.icon--pinterest:before {
	content: "";
	background: url("../images/sprites/sprite.png") -190px -266px no-repeat transparent;
	width: 20px;
	height: 25px;
	display: block
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.icon--pinterest:before {
		background: url("../images/sprites/sprite_2x.png") -190px -266px no-repeat transparent;
		background-size: 254px 480px
	}
}

.icon--pinterest:hover:before {
	background-position: -190px -240px
}

.icon--pinterest--colour2:before {
	background-position: -190px -318px
}

.icon--pinterest--colour3:before {
	background-position: -190px -292px
}

.icon--email {
	font-size: 0;
	position: relative;
	top: 3px
}

.icon--email:before {
	content: "";
	background: url("../images/sprites/sprite.png") -211px -258px no-repeat transparent;
	width: 22px;
	height: 16px;
	display: block
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.icon--email:before {
		background: url("../images/sprites/sprite_2x.png") -211px -258px no-repeat transparent;
		background-size: 254px 480px
	}
}

.icon--email:hover:before {
	background-position: -211px -240px
}

.icon--email--colour2:before {
	background-position: -211px -294px
}

.icon--email--colour3:before {
	background-position: -211px -276px
}

.icon--expand {
	width: 52px;
	height: 52px;
	background-color: #3c3c3b
}

.icon--expand:before {
	content: "";
	background: url("../images/sprites/sprite.png") -221px -194px no-repeat transparent;
	width: 32px;
	height: 25px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -16px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.icon--expand:before {
		background: url("../images/sprites/sprite_2x.png") -221px -194px no-repeat transparent;
		background-size: 254px 480px
	}
}

.carousel {
	background-color: #e6eff1;
	padding: 2.1875em 0 2.1875em;
	color: #3c3c3b
}

.carousel-header {
	padding: .3125em
}

.carousel-figure-img,.carousel-header {
	display: none;
}


.carousel-figcaption {
	width: 100%;
	text-align: center;
	margin-bottom: 2.5em
}

.carousel-figcaption-name {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.125em;
	line-height: 1.94444em;
	letter-spacing: 0.14em;
	margin-bottom: 1.11111em
}

.carousel-figcaption-title {
	color: #415c73;
	font-size: 2.5em;
	line-height: 1em;
	margin-bottom: .625em
}

.carousel-figcaption-intro {
	margin-bottom: 1.94444em
}

.carousel-figcaption-link {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.125em;
	line-height: 1.94444em;
	letter-spacing: 0.14em
}

.carousel-figcaption-link:hover {
	color: #898989
}

.carousel-thumbs {
	display: none
}

.carousel-rule {
	display: none
}

.carousel-item {
	padding: 0 5px
}

.carousel-item:after {
	content: "";
	display: table;
	clear: both
}

.carousel-item-title {
	color: #415c73
}

.carousel-item-title a {
	color: #415c73;
	word-break: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

.carousel-item-title a:hover {
	color: #3c3c3b
}

.carousel-item-img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	margin-bottom: 2.5em
}

.carousel-item-caption {
	text-align: center
}

.carousel-meta {
	margin-bottom: 2.5em;
	text-align: center
}

.carousel-meta:after {
	content: "";
	display: table;
	clear: both
}

.carousel-meta-item {
	display: inline-block;
	margin-right: 1.25em;
	line-height: 1.5em
}

.carousel-meta-item-link {
	font-weight: 700;
	text-decoration: underline
}

.carousel-meta-item-link:hover {
	color: #898989
}

.owl-pagination {
	width: 100%;
	text-align: center;
	padding-top: 2.5em
}

.owl-page {
	display: inline-block;
	padding: 0 .625em
}

.owl-page span {
	display: block;
	width: 1.25em;
	height: 1.25em;
	border-radius: 50%;
	background-color: #bac5cf;
	cursor: pointer
}

.owl-page:hover span,
.owl-page.active span {
	background-color: #415c73
}

.layout-6 .owl-prev,
.layout-6 .owl-next {
	display: none
}

@media only screen and (min-width: 650px) {
	.carousel {
		padding: 2.5em 0 2.5em
	}
	.carousel-item {
		padding-left: .625em;
		padding-right: .625em
	}
	.carousel-header {
		padding: 0 1.25em;
		margin-bottom: 3.125em;
		position: relative
	}
	.carousel-header:after {
		content: "";
		display: table;
		clear: both
	}
	.carousel-figure:after {
		content: "";
		display: table;
		clear: both
	}
	.carousel-figure-img {
		display: block;
		width: 50%;
		height: auto;
		position: absolute;
		bottom: 18.135px;
		left: .625em;
		padding: .625em
	}
	.carousel-figcaption {
		width: 53%;
		margin-bottom: 0;
		margin-left: 50%;
		padding: 0 1.25em 2.5em;
		text-align: left
	}
	.carousel-figcaption-name {
		position: relative
	}
	.carousel-figcaption-title {
		position: relative;
		margin-bottom: .97222em
	}
	.carousel-figcaption-intro {
		margin-bottom: 1.33333em
	}
	.carousel-rule {
		display: block;
		border: none;
		height: 1px;
		clear: both;
		background-color: #415c73;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 1.25em;
		bottom: 0;
		left: 1.25em
	}
	.carousel-item-img,
	.carousel-item-caption {
		width: 50%;
		float: left;
		padding: 0 .625em 0 1.25em
	}
	.carousel-item-img {
		margin-bottom: 0;
		padding: 0
	}
	.carousel-item-caption {
		text-align: left
	}
	.carousel-meta {
		text-align: left
	}
	.carousel-meta-item {
		float: left
	}
	.layout-6 .owl-prev,
	.layout-6 .owl-next {
		display: block;
		position: absolute;
		top: -70px;
		width: 40px;
		height: 23px;
		font-size: 0
	}
	.layout-6 .owl-prev {
		left: 10px;
		background: url("../images/sprites/sprite.png") 0 -165px no-repeat transparent
	}
}

@media only screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 650px) and (min-resolution: 192dpi) {
	.layout-6 .owl-prev {
		background: url("../images/sprites/sprite_2x.png") 0 -165px no-repeat transparent;
		background-size: 254px 480px
	}
}

@media only screen and (min-width: 650px) {
	.layout-6 .owl-prev:hover {
		background-position: 0 -190px
	}
	.layout-6 .owl-next {
		right: 10px;
		background: url("../images/sprites/sprite.png") -138px -165px no-repeat transparent
	}
}

@media only screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 650px) and (min-resolution: 192dpi) {
	.layout-6 .owl-next {
		background: url("../images/sprites/sprite_2x.png") -138px -165px no-repeat transparent;
		background-size: 254px 480px
	}
}

@media only screen and (min-width: 650px) {
	.layout-6 .owl-next:hover {
		background-position: -138px -190px
	}
}

@media only screen and (min-width: 800px) {
	.layout-6 .owl-prev,
	.layout-6 .owl-next {
		display: block;
		position: absolute;
		top: -105px
	}
}

@media only screen and (min-width: 960px) {
	.carousel {
		padding: 3.125em 0 3.125em
	}
	.carousel-header {
		position: realtive
	}
	.carousel-lines {
		right: 1.25em;
		left: 50%;
		top: -3.125em;
		bottom: 0;
		position: absolute;
		display: -webkit-box;
		display: flex
	}
	.carousel-line-container {
		width: 100%;
		-webkit-box-flex: 1;
		flex: 1;
		position: relative
	}
	.carousel-line {
		width: 1px;
		position: absolute;
		top: 100%;
		bottom: 0;
		left: calc(50% - 0.5px);
		right: calc(50% - 0.5px);
		background: #415c73;
		-webkit-transition: top .3s, bottom .3s;
		transition: top .3s, bottom .3s
	}
	.carousel-line.is-active {
		top: 0
	}
	.carousel-figure {
		width: 50%;
		float: left
	}
	.carousel-figure-img {
		width: 25%
	}
	.carousel-figcaption {
		padding: 0 .75em 3.125em;
		position: relative;
		left: -13px
	}
	.carousel-figcaption-name {
		position: relative;
		left: -48px
	}
	.carousel-figcaption-title {
		position: relative;
		left: -48px;
		width: 90%
	}
	.carousel-figcaption-title {
		margin-bottom: .625em
	}
	.carousel-thumbs {
		display: block;
		width: 50%;
		float: left
	}
	.carousel-thumb {
		float: left;
		width: 33.333333333%;
		padding: 0 10px;
		cursor: pointer;
		position: relative;
		z-index: 1
	}
	.carousel-thumb-title-active,
	.carousel-thumb-title-inactive {
		background: #e6eff1;
		padding: 0.5em 0;
		text-align: center
	}
	.carousel-thumb-title-active {
		display: none;
		font-weight: bold;
		color: #415c73
	}
	.is-active .carousel-thumb-title-active {
		display: block
	}
	.carousel-thumb-title-inactive {
		display: block;
		color: #3c3c3b
	}
	.is-active .carousel-thumb-title-inactive {
		display: none
	}
	.flexbox .carousel-thumbs {
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between
	}
	.flexbox .carousel-thumb {
		width: 28%;
		-webkit-box-flex: 1;
		flex: 1;
		padding: 0 2em
	}
	.carousel-thumb-img {
		width: 100%;
		height: auto;
		border-radius: 50%;
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
		-webkit-transition: -webkit-filter 0.2s linear;
		transition: -webkit-filter 0.2s linear;
		transition: filter 0.2s linear;
		transition: filter 0.2s linear, -webkit-filter 0.2s linear
	}
	.carousel-thumb.is-active {
		-webkit-animation: bounce-down 800ms linear both;
		animation: bounce-down 800ms linear both
	}
	.carousel-thumb.is-active .carousel-thumb-img {
		-webkit-filter: grayscale(0);
		filter: grayscale(0)
	}
	.carousel-thumb.is-returning {
		-webkit-animation: bounce-up 800ms linear both;
		animation: bounce-up 800ms linear both
	}
	.carousel-header {
		margin-bottom: 5em;
		padding: 0 1.25em
	}
	.carousel-main {
		width: 100%;
		padding: 0 16.666666667%;
		position: relative
	}
	.carousel-item-title {
		font-size: 2.25em;
		line-height: 1.16667em;
		margin-bottom: 1.25em
	}
	.carousel-item-caption {
		padding: 0 .625em 0 1.875em
	}
	.carousel-meta {
		margin-bottom: 3.125em;
		padding: 0
	}
	.owl-prev,
	.owl-next {
		position: absolute;
		top: 50%;
		margin-top: -11px;
		width: 88px;
		height: 23px;
		display: block;
		font-size: 0
	}
	.owl-prev {
		left: 20px;
		background: url("../images/sprites/sprite.png") 0 -165px no-repeat transparent
	}
}

@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 960px) and (min-resolution: 192dpi) {
	.owl-prev {
		background: url("../images/sprites/sprite_2x.png") 0 -165px no-repeat transparent;
		background-size: 254px 480px
	}
}

@media only screen and (min-width: 960px) {
	.owl-prev:hover {
		background-position: 0 -190px
	}
	.owl-next {
		right: 20px;
		background: url("../images/sprites/sprite.png") -90px -165px no-repeat transparent
	}
}

@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 960px) and (min-resolution: 192dpi) {
	.owl-next {
		background: url("../images/sprites/sprite_2x.png") -90px -165px no-repeat transparent;
		background-size: 254px 480px
	}
}

@media only screen and (min-width: 960px) {
	.owl-next:hover {
		background-position: -90px -190px
	}
	.layout-6 .owl-prev,
	.layout-6 .owl-next {
		display: block;
		position: absolute;
		top: -95px;
		width: 88px;
		height: 23px
	}
	.layout-6 .owl-prev {
		background: url("../images/sprites/sprite.png") 0 -165px no-repeat transparent
	}
}

@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 960px) and (min-resolution: 192dpi) {
	.layout-6 .owl-prev {
		background: url("../images/sprites/sprite_2x.png") 0 -165px no-repeat transparent;
		background-size: 254px 480px
	}
}

@media only screen and (min-width: 960px) {
	.layout-6 .owl-prev:hover {
		background-position: 0 -190px
	}
	.layout-6 .owl-next {
		background: url("../images/sprites/sprite.png") -90px -165px no-repeat transparent
	}
}

@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 960px) and (min-resolution: 192dpi) {
	.layout-6 .owl-next {
		background: url("../images/sprites/sprite_2x.png") -90px -165px no-repeat transparent;
		background-size: 254px 480px
	}
}

@media only screen and (min-width: 960px) {
	.layout-6 .owl-next:hover {
		background-position: -90px -190px
	}
	.flexbox .carousel-header {
		display: -webkit-box;
		display: flex
	}
	.flexbox .carousel-thumbs {
		-ms-grid-row-align: center;
		align-self: center;
		margin-top: -150px
	}
}

@-webkit-keyframes bounce-down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	4.7% {
		-webkit-transform: translateY(44.969px);
		transform: translateY(44.969px)
	}
	9.41% {
		-webkit-transform: translateY(88.346px);
		transform: translateY(88.346px)
	}
	14.11% {
		-webkit-transform: translateY(114.091px);
		transform: translateY(114.091px)
	}
	18.72% {
		-webkit-transform: translateY(121.211px);
		transform: translateY(121.211px)
	}
	24.32% {
		-webkit-transform: translateY(115.055px);
		transform: translateY(115.055px)
	}
	29.93% {
		-webkit-transform: translateY(104.759px);
		transform: translateY(104.759px)
	}
	35.54% {
		-webkit-transform: translateY(97.943px);
		transform: translateY(97.943px)
	}
	41.04% {
		-webkit-transform: translateY(96.082px);
		transform: translateY(96.082px)
	}
	52.15% {
		-webkit-transform: translateY(99.121px);
		transform: translateY(99.121px)
	}
	63.26% {
		-webkit-transform: translateY(100.724px);
		transform: translateY(100.724px)
	}
	85.49% {
		-webkit-transform: translateY(99.866px);
		transform: translateY(99.866px)
	}
	100% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}
}

@keyframes bounce-down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	4.7% {
		-webkit-transform: translateY(44.969px);
		transform: translateY(44.969px)
	}
	9.41% {
		-webkit-transform: translateY(88.346px);
		transform: translateY(88.346px)
	}
	14.11% {
		-webkit-transform: translateY(114.091px);
		transform: translateY(114.091px)
	}
	18.72% {
		-webkit-transform: translateY(121.211px);
		transform: translateY(121.211px)
	}
	24.32% {
		-webkit-transform: translateY(115.055px);
		transform: translateY(115.055px)
	}
	29.93% {
		-webkit-transform: translateY(104.759px);
		transform: translateY(104.759px)
	}
	35.54% {
		-webkit-transform: translateY(97.943px);
		transform: translateY(97.943px)
	}
	41.04% {
		-webkit-transform: translateY(96.082px);
		transform: translateY(96.082px)
	}
	52.15% {
		-webkit-transform: translateY(99.121px);
		transform: translateY(99.121px)
	}
	63.26% {
		-webkit-transform: translateY(100.724px);
		transform: translateY(100.724px)
	}
	85.49% {
		-webkit-transform: translateY(99.866px);
		transform: translateY(99.866px)
	}
	100% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}
}

@-webkit-keyframes bounce-up {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}
	4.7% {
		-webkit-transform: translateY(55.031px);
		transform: translateY(55.031px)
	}
	9.41% {
		-webkit-transform: translateY(11.654px);
		transform: translateY(11.654px)
	}
	14.11% {
		-webkit-transform: translateY(-14.091px);
		transform: translateY(-14.091px)
	}
	18.72% {
		-webkit-transform: translateY(-21.211px);
		transform: translateY(-21.211px)
	}
	24.32% {
		-webkit-transform: translateY(-15.055px);
		transform: translateY(-15.055px)
	}
	29.93% {
		-webkit-transform: translateY(-4.759px);
		transform: translateY(-4.759px)
	}
	35.54% {
		-webkit-transform: translateY(2.057px);
		transform: translateY(2.057px)
	}
	41.04% {
		-webkit-transform: translateY(3.918px);
		transform: translateY(3.918px)
	}
	52.15% {
		-webkit-transform: translateY(0.879px);
		transform: translateY(0.879px)
	}
	63.26% {
		-webkit-transform: translateY(-0.724px);
		transform: translateY(-0.724px)
	}
	85.49% {
		-webkit-transform: translateY(0.134px);
		transform: translateY(0.134px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes bounce-up {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}
	4.7% {
		-webkit-transform: translateY(55.031px);
		transform: translateY(55.031px)
	}
	9.41% {
		-webkit-transform: translateY(11.654px);
		transform: translateY(11.654px)
	}
	14.11% {
		-webkit-transform: translateY(-14.091px);
		transform: translateY(-14.091px)
	}
	18.72% {
		-webkit-transform: translateY(-21.211px);
		transform: translateY(-21.211px)
	}
	24.32% {
		-webkit-transform: translateY(-15.055px);
		transform: translateY(-15.055px)
	}
	29.93% {
		-webkit-transform: translateY(-4.759px);
		transform: translateY(-4.759px)
	}
	35.54% {
		-webkit-transform: translateY(2.057px);
		transform: translateY(2.057px)
	}
	41.04% {
		-webkit-transform: translateY(3.918px);
		transform: translateY(3.918px)
	}
	52.15% {
		-webkit-transform: translateY(0.879px);
		transform: translateY(0.879px)
	}
	63.26% {
		-webkit-transform: translateY(-0.724px);
		transform: translateY(-0.724px)
	}
	85.49% {
		-webkit-transform: translateY(0.134px);
		transform: translateY(0.134px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.button {
	display: inline-block;
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #3c3c3b;
	font-size: .875em;
	letter-spacing: 0.14em;
	line-height: 1.28571em;
	border: 2px solid #3c3c3b;
	padding: 1.14286em 1.71429em
}

.button:hover {
	color: #fff;
	background-color: #3c3c3b
}

@media only screen and (min-width: 650px) {
	.button {
		font-size: 1.125em;
		padding: .88889em 1.33333em
	}
}

.hero {
	width: 100%;
	height: 0;
	padding-bottom: 46%;
	position: relative;
	overflow: hidden
}

.hero-img {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	display: block
}

.hero-img--portrait {
	height: 100%;
	width: auto
}

.csstransforms .hero-img--landscape {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.csstransforms .hero-img--portrait {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media only screen and (min-width: 650px) {
	.hero {
		margin-bottom: 2.1875em
	}
}

@media only screen and (min-width: 800px) {
	.hero {
		margin-bottom: 2.8125em
	}
}

.body:after {
	content: "";
	display: table;
	clear: both
}

.body-text a {
	font-weight: 700;
	text-decoration: underline
}

.body-text li {
	padding-left: 2.1875em;
	position: relative;
	font-style: italic;
	padding-bottom: 2.1875em;
	font-size: 1.125em;
	line-height: 1.33333em
}

.body-text li:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 8px;
	background-color: #3c3c3b;
	border-radius: 50%
}

.body-text li p {
	font-size: 1em;
	line-height: 1.33333em;
	margin: 0
}

.body-subtitle {
	font-size: 1.5em;
	line-height: 1.25em;
	margin: 0 0 1.45833em;
	text-transform: none;
	color: #3c3c3b
}

.body-header {
	position: relative;
	margin-bottom: 2.1875em;
	padding-bottom: 1.5625em
}

.body-header:after {
	content: "";
	height: 2px;
	width: 33.333333333%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #3c3c3b
}

.body-header--full:after {
	width: auto;
	left: 10px;
	right: 10px
}

.body-title {
	color: #415c73
}

.body-title--colour2 {
	color: #3c3c3b
}

.body-title--flush {
	margin-bottom: 12px
}

.body-meta {
	display: block;
	margin-bottom: 2.1875em
}

.body-meta:after {
	content: "";
	display: table;
	clear: both
}

.body-meta--lonely {
	font-size: 1.125em;
	line-height: 1.44444em;
	font-weight: 700
}

.body-meta-item {
	font-size: 1.125em;
	line-height: 1.33333em;
	float: left
}

.body-meta-item:after {
	content: "/\00a0"
}

.body-meta-item--last:after {
	display: none
}

.body-meta-link {
	font-weight: 700;
	text-decoration: underline
}

.body-note {
	display: block;
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: .41667em;
	color: #415c73
}

.body-note--colour2 {
	color: #8fb6a7
}

.body-note--loud {
	color: #3c3c3b;
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.14em
}

.body-image {
	margin-bottom: 2.1875em;
	position: relative
}

.body-image-wrapper {
	position: relative;
	margin-bottom: 1.25em
}

.body-image-expand {
	display: none
}

@media only screen and (min-width: 650px) {
	.body-subtitle {
		margin-bottom: .75em
	}
	.body-image {
		margin-bottom: 2.8125em;
		position: relative
	}
	.body-image:after {
		content: "";
		display: table;
		clear: both
	}
	.body-image-wrapper {
		margin-bottom: 0;
		width: 66.666666667%;
		float: right
	}
	.body-image-caption {
		width: 33.333333333%;
		position: absolute;
		bottom: 0
	}
	.body-image-wrapper {
		padding-left: .625em
	}
	.body-image-caption {
		padding-right: .625em;
		text-align: right
	}
	.body-image-caption-copy {
		margin-bottom: 0
	}
	.body-image-expand {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		cursor: pointer
	}
	.body-image-expand:hover {
		background-color: #898989
	}
	.body-header:after {
		width: 16.666666667%
	}
	.body-header--full:after {
		width: auto;
		left: 20px;
		right: 20px
	}
	.no-js .body-image-expand {
		display: none
	}
}

@media only screen and (min-width: 800px) {
	.body-wrapper {
		margin-bottom: 2.8125em
	}
	.body-header {
		margin-bottom: 2.8125em;
		padding-bottom: 2.1875em
	}
	.body-header:after {
		width: 14.285714286%
	}
	.body-header--full:after {
		width: auto
	}
	.body-meta {
		margin-bottom: 2.8125em
	}
	.body-text ul {
		margin-bottom: .625em
	}
	.body-note--colour2 {
		font-size: 2.25em;
		line-height: 1.33333em
	}
}

@media only screen and (min-width: 1200px) {
	.body-image-wrapper {
		width: 75%
	}
	.body-image-caption {
		width: 25%;
		padding-right: 1.25em
	}
}

.share {
	margin-bottom: 2.1875em;
	display: inline-block
}

.share:after {
	content: "";
	display: table;
	clear: both
}

.share-copy {
	margin-bottom: .66667em
}

.share-copy b {
	font-family: "Appareo", serif;
	letter-spacing: 0;
	text-transform: uppercase;
	font-weight: 400
}

.share-list:after {
	content: "";
	display: table;
	clear: both
}

.share-item {
	float: left;
	position: relative;
	padding-right: 10px;
	margin-right: 10px
}

.share-item:after {
	content: "";
	width: 1px;
	height: 30px;
	display: block;
	background-color: #3c3c3b;
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
	position: absolute;
	top: -3px;
	right: 0
}

.share-item--last {
	margin-right: 0;
	padding-right: 0
}

.share-item--last:after {
	display: none
}

@media only screen and (min-width: 800px) {
	.share {
		margin-bottom: 2.8125em
	}
}

.sidebar {
	background-color: #ebebeb;
	position: relative;
	padding: 1.25em;
	top: -1.25em;
	margin-bottom: .9375em
}

.sidebar:after {
	content: "";
	display: table;
	clear: both
}

.sidebar-title {
	font-size: 1.125em;
	line-height: 1.66667em;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	border: 2px solid #3c3c3b;
	text-align: center;
	padding: .83333em .55556em;
	margin-bottom: 1.94444em
}

.sidebar-hours,
.sidebar-address {
	text-align: center;
	display: block;
	width: 50%;
	float: left;
	font-size: .875em;
	line-height: 1.85714em;
	margin-bottom: 2.14286em
}

.sidebar-hours {
	padding-right: 10px
}

.sidebar-address {
	padding-left: 10px
}

.sidebar-downloads-title {
	display: block;
	text-align: center;
	font-size: 1.125em;
	line-height: 1.33333em;
	margin-bottom: .55556em;
	text-transform: none;
	font-family: "Anonymous Pro", sans-serif;
	font-weight: 700
}

.sidebar-downloads {
	display: block;
	width: 100%;
	text-align: center
}

.sidebar-download {
	margin-bottom: .625em
}

.sidebar-download-link {
	text-transform: uppercase;
	color: #48602f;
	font-family: "Appareo", serif;
	font-size: 1.125em;
	line-height: 1.33333em
}

@media only screen and (min-width: 650px) {
	.sidebar {
		top: -7.1875em;
		margin-bottom: -7.1875em;
		border-bottom: 24px solid #48602f
	}
	.sidebar-hours,
	.sidebar-address {
		font-size: 1.125em;
		line-height: 1.44444em;
		float: none;
		width: 100%;
		text-align: left;
		clear: both;
		padding: 0
	}
	.sidebar-downloads-title,
	.sidebar-downloads {
		text-align: left
	}
}

@media only screen and (min-width: 1200px) {
	.sidebar {
		padding: 1.5em;
		top: -9.0625em;
		margin-bottom: -9.0625em
	}
	.sidebar-title {
		margin-bottom: 2.5em
	}
	.sidebar-hours,
	.sidebar-address {
		margin-bottom: 2.22222em
	}
}

.cross-sell {
	position: relative;
	padding: 1.25em;
	margin: 3.125em 0 3.125em;
	clear: both
}

.cross-sell:after {
	content: "";
	display: table;
	clear: both
}

.cross-sell:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 2px solid #3c3c3b;
	pointer-events: none;
	z-index: 1
}

.cross-sell-image {
	width: 77%;
	position: relative;
	top: -2.5em
}

.cross-sell-image-wrapper--loud {
	padding-top: 2.1875em;
	position: relative
}

.cross-sell-image-wrapper--loud:after {
	content: "";
	display: table;
	clear: both
}

.cross-sell-image-wrapper--loud .cross-sell-image,
.cross-sell-image-wrapper--loud .cross-sell-image--secondary {
	top: auto;
	width: 57%;
	float: left
}

.cross-sell--odd,
.cross-sell--even {
	margin: 0
}

.cross-sell--odd .cross-sell-image {
	left: -2.1875em
}

.cross-sell--odd .cross-sell-image--secondary {
	position: absolute;
	right: 1.25em;
	bottom: -2.1875em
}

.cross-sell--even .cross-sell-image--secondary {
	position: absolute;
	right: -2.1875em;
	bottom: -2.1875em
}

.cross-sell-caption {
	text-align: center
}

.cross-sell-meta {
	color: #48602f;
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: 1.45833em;
	padding-bottom: 1.45833em;
	display: block;
	position: relative
}

.cross-sell-meta:after {
	content: "";
	position: absolute;
	width: 20%;
	height: 1px;
	background-color: #3c3c3b;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.cross-sell-title {
	font-family: "Poppins", sans-serif;
	font-size: 1.125em;
	line-height: 1.33333em;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.14em;
	margin-bottom: 1.94444em
}

.cross-sell-copy p {
	margin-bottom: 1.94444em
}

.cross-sell-illustration {
	display: none
}

@media only screen and (min-width: 650px) {
	.cross-sell {
		padding: 2.5em .625em
	}
	.cross-sell-image {
		width: 100%
	}
	.cross-sell-image-wrapper,
	.cross-sell-caption {
		width: 50%;
		float: left;
		padding: 0 .625em
	}
	.cross-sell-caption--noimage.cross-sell-caption--noillustration {
		width: 66.666666667%
	}
	.cross-sell-illustration {
		display: block;
		width: auto;
		margin: 0 auto -20px;
		position: relative;
		bottom: -20px
	}
	.cross-sell-image-wrapper--loud,
	.cross-sell-caption--quiet {
		width: 100%;
		float: none
	}
	.cross-sell-caption--quiet {
		margin-bottom: 2.5em
	}
	.cross-sell--odd .cross-sell-image {
		left: -2.8125em
	}
	.cross-sell--odd .cross-sell-image--secondary {
		bottom: -4.375em
	}
	.cross-sell--even .cross-sell-image--secondary {
		bottom: auto;
		top: 50%;
		-webkit-transform: translateY(-60%);
		transform: translateY(-60%);
		right: -2.1875em
	}
}

@media only screen and (min-width: 800px) {
	.cross-sell {
		padding-top: 2.8125em;
		padding-bottom: 2.8125em
	}
	.cross-sell-image-wrapper,
	.cross-sell-illustration,
	.cross-sell-caption {
		padding: 0 .9375em
	}
	.cross-sell-image-wrapper {
		width: 41.666666667%;
		float: left
	}
	.cross-sell-image {
		top: -4.1875em;
		margin-bottom: -4.1875em
	}
	.cross-sell-image--secondary {
		position: relative;
		top: -1.5625em;
		right: -1.5625em
	}
	.cross-sell-illustration {
		width: 16.666666667%;
		position: absolute;
		right: -2.3125em;
		bottom: -20px;
		margin: 0
	}
	.cross-sell-caption {
		width: 41.666666667%;
		margin-right: 16.666666667%
	}
	.cross-sell-caption--centered {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		padding-left: 1.25em;
		padding-right: 1.25em
	}
	.cross-sell-caption--noillustration {
		margin-right: 0;
		float: right;
		width: 50%
	}
	.cross-sell-caption--noimage {
		margin: 0 auto
	}
	.cross-sell-caption--quiet {
		width: 41.666666667%
	}
	.cross-sell-meta {
		color: #48602f;
		font-size: 1.5em;
		line-height: 1.5em;
		margin-bottom: 1.45833em
	}
	.cross-sell-title {
		margin-bottom: 2.5em
	}
	.cross-sell-cta {
		margin-top: .625em
	}
	.cross-sell-image-wrapper--loud {
		width: 58.333333333%
	}
	.cross-sell--odd,
	.cross-sell--even {
		padding-top: 5em;
		padding-bottom: 5em
	}
	.cross-sell--odd {
		position: relative
	}
	.cross-sell--odd .cross-sell-image-wrapper {
		position: static;
		float: right
	}
	.cross-sell--odd .cross-sell-caption--centered {
		float: left;
		left: 0
	}
	.cross-sell--odd .cross-sell-image {
		width: 66.666666667%;
		left: 0;
		top: -6.5625em;
		margin-bottom: 0
	}
	.cross-sell--odd .cross-sell-image--secondary {
		width: 33.333333333%;
		bottom: -1.5625em
	}
	.cross-sell--even {
		position: relative
	}
	.cross-sell--even .cross-sell-image-wrapper {
		position: static;
		float: left
	}
	.cross-sell--even .cross-sell-caption--centered {
		right: 0
	}
	.cross-sell--even .cross-sell-image {
		width: 66.666666667%;
		margin: 0;
		top: -6.5625em;
		margin-bottom: 0
	}
	.cross-sell--even .cross-sell-image--secondary {
		width: 41.666666667%;
		top: auto;
		right: 41.666666667%;
		bottom: -1.5625em;
		left: auto;
		padding-right: 1.25em;
		-webkit-transform: none;
		transform: none
	}
}

@media only screen and (min-width: 1200px) {
	.cross-sell {
		margin-top: 8.4375em
	}
	.cross-sell-meta {
		font-size: 2.25em;
		line-height: 1.33333em;
		/*margin-bottom: 1.25em;
		padding-bottom: .97222em*/
		    margin-bottom: 0;
    		padding-bottom: 20px;
	}
}

.search {
	margin-bottom: 2.1875em
}

.search-lable {
	position: relative;
	z-index: 1
}

.search-keywords {
	background: url("../images/template/pattern-plant.jpeg") left top repeat;
	text-align: center;
	padding: 2.1875em .3125em;
	color: #fff;
	position: relative
}

.search-keywords:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #415c73;
	opacity: 0.7
}

.search-keywords-container {
	position: relative
}

.search-input {
	border: none;
	box-shadow: none;
	border-radius: 0;
	width: 100%;
	height: 40px;
	float: left;
	padding: .71429em 40px .71429em 1.71429em;
	font-size: .875em;
	letter-spacing: 0.14em;
	line-height: 1em;
	color: #3c3c3b
}

.search-input::-webkit-input-placeholder {
	color: #3c3c3b
}

.search-input:-ms-input-placeholder {
	color: #3c3c3b
}

.search-input::placeholder {
	color: #3c3c3b
}

.search-submit {
	padding: 0;
	float: left;
	border-radius: 0;
	box-shadow: none;
	border: none;
	background-color: #bac5cf;
	color: #fff;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0
}

.search-submit:after {
	content: "";
	background: url("../images/sprites/sprite.png") -183px -147px no-repeat transparent;
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -10px;
	margin-left: -10px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.search-submit:after {
		background: url("../images/sprites/sprite_2x.png") -183px -147px no-repeat transparent;
		background-size: 254px 480px
	}
}

.search-submit:hover {
	background-color: #415c73
}

.search-submit:hover:after {
	background-position: -204px -147px
}

.search-filters {
	padding: 1.25em;
	position: relative
}

.search-filters:after {
	content: "";
	display: table;
	clear: both
}

.search-filters-wrapper {
	text-align: center
}

.search-filter {
	display: block;
	clear: both
}

.search-filter--lonely {
	width: 100%;
	padding: 0
}

.search-count {
	font-family: "Poppins", sans-serif;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: .875em;
	line-height: 1.28571em;
	font-weight: 400;
	display: block;
	text-align: center;
	margin-bottom: 1.71429em
}

.search-count b {
	font-weight: 700
}

.search-hr {
	box-shadow: none;
	border-radius: 0;
	border: none;
	height: 2px;
	background-color: #3c3c3b;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0
}

@media only screen and (min-width: 650px) {
	.search-keywords {
		padding: 2.1875em 1.25em
	}
	.search-input {
		padding: 1.11111em 55px 1.11111em 2.11111em;
		font-size: 1.125em;
		height: 55px
	}
	.search-submit {
		height: 55px;
		width: 55px
	}
	.search-filters {
		padding: 2.5em
	}
	.search-filters-wrapper:after {
		content: "";
		display: table;
		clear: both
	}
	.search-filters-wrapper--lonely {
		width: 66.666666667%;
		float: right
	}
	.search-filter {
		margin-right: 1.5625em;
		padding: 0;
		width: auto;
		float: left;
		clear: none
	}
	.search-filter--lonely {
		width: 100%;
		float: right;
		margin-right: 0
	}
	.flexbox .search-filters-wrapper {
		display: block
	}
	.search-count {
		font-size: 1.125em;
		line-height: 1.33333em;
		margin-bottom: 1.66667em;
		text-align: left
	}
	.search-count--lonely {
		position: relative;
		float: left;
		top: 12px
	}
	.search-hr {
		left: 40px;
		right: 40px
	}
}

@media only screen and (min-width: 1200px) {
	.search {
		margin-bottom: 2.8125em
	}
	.search-input {
		padding: .83333em 70px .83333em 1.41667em;
		height: 70px;
		font-size: 1.5em
	}
	.search-keywords {
		padding: 2.8125em .625em 2.8125em 1.5625em
	}
	.search-keywords-container {
		width: 83.333333333%;
		margin: 0 auto
	}
	.search-submit {
		height: 70px;
		width: 70px
	}
	.search-filters {
		padding: 2.8125em 1.5625em
	}
	.search-filters-wrapper {
		float: right;
		width: 75%
	}
	.search-filters-wrapper--lonely {
		width: 50%;
		float: right;
		margin-right: 16.666666667%
	}
	.search-filter {
		float: left;
		text-align: left;
		margin: 0;
		width: 33.333333333%;
		padding: 0 .9375em
	}
	.search-filter--lonely {
		width: 100%;
		float: right;
		margin-right: 0
	}
	.search-count {
		margin: 10px 0 0;
		float: left;
		width: 25%;
		padding: 0 .9375em
	}
	.search-count--lonely {
		margin-left: 16.666666667%;
		width: auto;
		margin-top: 0
	}
}

.selectize--1 .selectize-control {
	position: static;
	cursor: pointer;
	display: inline-block;
	margin-bottom: .625em
}

.selectize--1 .selectize-input {
	border: none;
	padding: 0;
	margin: 0;
	box-shadow: none;
	padding-right: 15px;
	position: relative;
	cursor: pointer
}

.selectize--1 .selectize-input input {
	text-align: left;
	cursor: pointer;
	height: 24px
}

.selectize--1 .selectize-input .has-options div {
	color: #3c3c3b;
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 400;
	font-size: 1em
}

.selectize--1 .selectize-input,
.selectize--1 .selectize-input input,
.selectize--1 .selectize-input input::-webkit-input-placeholder,
.selectize--1 .selectize-dropdown-content .option,
.selectize--1 .selectize-input.has-options div {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px !important;
	color: #3c3c3b
}

.selectize--1 .selectize-input,
.selectize--1 .selectize-input input,
.selectize--1 .selectize-input input:-ms-input-placeholder,
.selectize--1 .selectize-dropdown-content .option,
.selectize--1 .selectize-input.has-options div {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px !important;
	color: #3c3c3b
}

.selectize--1 .selectize-input,
.selectize--1 .selectize-input input,
.selectize--1 .selectize-input input::placeholder,
.selectize--1 .selectize-dropdown-content .option,
.selectize--1 .selectize-input.has-options div {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px !important;
	color: #3c3c3b
}

.selectize--1 .selectize-input.has-options div {
	padding-right: 10px
}

.selectize--1 .selectize-control.single .selectize-input:after {
	position: absolute;
	top: 50%;
	right: 0;
	bottom: auto;
	left: auto;
	margin-top: -3px;
	width: 11px;
	height: 6px;
	border: none;
	display: block;
	background: url("../images/sprites/sprite.png") -185px -185px no-repeat transparent
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.selectize--1 .selectize-control.single .selectize-input:after {
		background: url("../images/sprites/sprite_2x.png") -185px -185px no-repeat transparent;
		background-size: 254px 480px
	}
}

.selectize--1 .selectize-control.single .selectize-input.input-active,
.selectize--1 .selectize-control.single .selectize-input.focus {
	border: none;
	box-shadow: none
}

.selectize--1 .selectize-control.single .selectize-input.input-active:after,
.selectize--1 .selectize-control.single .selectize-input.focus:after {
	border: none;
	margin-top: -3px
}

.selectize--1 .selectize-control.single .selectize-input.input-active:before,
.selectize--1 .selectize-control.single .selectize-input.focus:before {
	display: none
}

.selectize--1 .selectize-control.single .selectize-input.input-active input,
.selectize--1 .selectize-control.single .selectize-input.focus input {
	pointer-events: none
}

.selectize--1 .selectize-control.single .selectize-input.has-items.input-active input {
	position: absolute !important
}

.selectize--1 .selectize-dropdown {
	box-shadow: none;
	border: 2px solid #3c3c3b;
	min-width: 150px;
	margin-top: 1.25em;
	left: 2em !important;
	right: 2em !important;
	width: auto !important
}

.selectize--1 .selectize-dropdown .active {
	background-color: #e6eff1;
	color: #3c3c3b
}

.selectize--1 .selectize-dropdown-content .active {
	background-color: #e6eff1;
	color: #3c3c3b
}

.selectize--2 .selectize-control {
	position: relative;
	padding: 6px 10px;
	height: 40px;
	border: 2px solid #3c3c3b
}

.selectize--2 .selectize-input {
	border: none;
	border-radius: 0;
	padding: 0;
	line-height: 24px;
	box-shadow: none;
	height: 24px
}

.selectize--2 .selectize-input input {
	text-align: left;
	cursor: pointer;
	height: 24px;
	pointer-events: none
}

.selectize--2 .selectize-dropdown {
	left: -2px !important;
	right: -2px !important;
	top: 40px !important;
	margin-top: 0;
	width: auto !important
}

.selectize--2 .selectize-control.single .selectize-input {
	cursor: pointer
}

.selectize--2 .selectize-control.single .selectize-input:after {
	right: 8px;
	width: 11px;
	height: 6px;
	border: none;
	display: block;
	background: url("../images/sprites/sprite.png") -185px -185px no-repeat transparent
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.selectize--2 .selectize-control.single .selectize-input:after {
		background: url("../images/sprites/sprite_2x.png") -185px -185px no-repeat transparent;
		background-size: 254px 480px
	}
}

.selectize--2 .selectize-control.single .selectize-input.input-active,
.selectize--2 .selectize-control.single .selectize-input.focus {
	border: 0;
	box-shadow: none
}

.selectize--2 .selectize-control.single .selectize-input.input-active input,
.selectize--2 .selectize-control.single .selectize-input.focus input {
	pointer-events: none
}

.selectize--2 .selectize-control.single .selectize-input.input-active:before,
.selectize--2 .selectize-control.single .selectize-input.focus:before {
	display: none
}

.selectize--2 .selectize-control.single .selectize-input.has-items.input-active input {
	position: absolute !important
}

.selectize--2 .selectize-input,
.selectize--2 .selectize-input input,
.selectize--2 .selectize-input input::-webkit-input-placeholder,
.selectize--2 .selectize-dropdown-content .option,
.selectize--2 .selectize-input.has-options div {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 400;
	font-size: 16px;
	line-height: 25px !important;
	color: #3c3c3b
}

.selectize--2 .selectize-input,
.selectize--2 .selectize-input input,
.selectize--2 .selectize-input input:-ms-input-placeholder,
.selectize--2 .selectize-dropdown-content .option,
.selectize--2 .selectize-input.has-options div {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 400;
	font-size: 16px;
	line-height: 25px !important;
	color: #3c3c3b
}

.selectize--2 .selectize-input,
.selectize--2 .selectize-input input,
.selectize--2 .selectize-input input::placeholder,
.selectize--2 .selectize-dropdown-content .option,
.selectize--2 .selectize-input.has-options div {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 400;
	font-size: 16px;
	line-height: 25px !important;
	color: #3c3c3b
}

.selectize--2 .selectize-dropdown {
	box-shadow: none;
	border: 2px solid #3c3c3b;
	border-top: none;
	margin-top: -4px
}

.selectize--2 .selectize-dropdown .active {
	background-color: #e6eff1;
	color: #3c3c3b
}

@media only screen and (min-width: 650px) {
	.selectize--1 .selectize-control {
		position: relative;
		height: 24px
	}
	.selectize--1 .selectize-control.single .selectize-input:after {
		background-position: -179px -168px;
		width: 22px;
		height: 14px;
		margin-top: -7px !important
	}
	.selectize--1 .selectize-input {
		position: static;
		padding-right: 25px;
		height: 24px;
		line-height: 24px
	}
	.selectize--1 .selectize-input input {
		font-size: 1.125em;
		position: static !important;
		left: auto !important;
		height: 24px
	}
	.selectize--1 .selectize-input.has-items input {
		position: absolute !important;
		left: -9999px !important
	}
	.selectize--1 .selectize-dropdown {
		left: 0 !important;
		right: auto !important;
		min-width: 300px
	}
	.selectize--1 .selectize-input,
	.selectize--1 .selectize-input input,
	.selectize--1 .selectize-input input::-webkit-input-placeholder,
	.selectize--1 .selectize-dropdown-content .option,
	.selectize--1 .selectize-input.has-options div {
		font-weight: 400;
		font-size: 18px
	}
	.selectize--1 .selectize-input,
	.selectize--1 .selectize-input input,
	.selectize--1 .selectize-input input:-ms-input-placeholder,
	.selectize--1 .selectize-dropdown-content .option,
	.selectize--1 .selectize-input.has-options div {
		font-weight: 400;
		font-size: 18px
	}
	.selectize--1 .selectize-input,
	.selectize--1 .selectize-input input,
	.selectize--1 .selectize-input input::placeholder,
	.selectize--1 .selectize-dropdown-content .option,
	.selectize--1 .selectize-input.has-options div {
		font-weight: 400;
		font-size: 18px
	}
	.selectize--2 .selectize-control {
		display: block;
		position: relative;
		height: 40px;
		border: 2px solid #3c3c3b;
		padding: 6px 10px
	}
	.selectize--2 .selectize-control.single .selectize-input:after {
		background-position: -179px -168px;
		width: 22px;
		height: 14px;
		margin-top: -7px !important
	}
	.selectize--2 .selectize-input {
		position: static;
		padding-right: 25px;
		height: 24px;
		line-height: 24px !important;
		box-shadow: none;
		text-align: left
	}
	.selectize--2 .selectize-input input {
		font-size: 1.125em;
		height: 24px;
		line-height: 24px !important
	}
	.selectize--2 .selectize-dropdown {
		margin: 0;
		top: 35px !important;
		left: -2px !important;
		right: -2px !important;
		min-width: auto;
		border-top: none;
		text-align: left
	}
	.selectize--2 .selectize-input,
	.selectize--2 .selectize-input input,
	.selectize--2 .selectize-input input::-webkit-input-placeholder,
	.selectize--2 .selectize-dropdown-content .option,
	.selectize--2 .selectize-input.has-options div {
		font-weight: 400;
		font-size: 18px;
		line-height: 24px !important
	}
	.selectize--2 .selectize-input,
	.selectize--2 .selectize-input input,
	.selectize--2 .selectize-input input:-ms-input-placeholder,
	.selectize--2 .selectize-dropdown-content .option,
	.selectize--2 .selectize-input.has-options div {
		font-weight: 400;
		font-size: 18px;
		line-height: 24px !important
	}
	.selectize--2 .selectize-input,
	.selectize--2 .selectize-input input,
	.selectize--2 .selectize-input input::placeholder,
	.selectize--2 .selectize-dropdown-content .option,
	.selectize--2 .selectize-input.has-options div {
		font-weight: 400;
		font-size: 18px;
		line-height: 24px !important
	}
	.selectize--2 .selectize-dropdown-content {
		line-height: 24px
	}
	.selectize--2 .selectize-control.single .selectize-input:after {
		right: 10px
	}
}

@media only screen and (min-width: 1200px) {
	.selectize--2 .selectize-control,
	.selectize--1 .selectize-control {
		display: block;
		position: relative;
		height: 40px;
		border: 2px solid #3c3c3b;
		padding: 6px 10px
	}
	.selectize--2 .selectize-control.single .selectize-input:after,
	.selectize--1 .selectize-control.single .selectize-input:after {
		background-position: -179px -168px;
		width: 22px;
		height: 14px;
		margin-top: -7px !important
	}
	.selectize--2 .selectize-input,
	.selectize--1 .selectize-input {
		position: static;
		padding-right: 25px;
		height: 24px;
		line-height: 24px !important;
		box-shadow: none
	}
	.selectize--2 .selectize-input input,
	.selectize--1 .selectize-input input {
		font-size: 1.125em;
		height: 24px;
		line-height: 24px !important
	}
	.selectize--2 .selectize-dropdown,
	.selectize--1 .selectize-dropdown {
		margin: 0;
		top: 35px !important;
		left: -2px !important;
		right: -2px !important;
		min-width: auto;
		border-top: none
	}
	.selectize--2 .selectize-input,
	.selectize--2 .selectize-input input,
	.selectize--2 .selectize-input input::-webkit-input-placeholder,
	.selectize--2 .selectize-dropdown-content .option,
	.selectize--2 .selectize-input.has-options div,
	.selectize--1 .selectize-input,
	.selectize--1 .selectize-input input,
	.selectize--1 .selectize-input input::-webkit-input-placeholder,
	.selectize--1 .selectize-dropdown-content .option,
	.selectize--1 .selectize-input.has-options div {
		font-weight: 400;
		font-size: 18px;
		line-height: 24px !important
	}
	.selectize--2 .selectize-input,
	.selectize--2 .selectize-input input,
	.selectize--2 .selectize-input input:-ms-input-placeholder,
	.selectize--2 .selectize-dropdown-content .option,
	.selectize--2 .selectize-input.has-options div,
	.selectize--1 .selectize-input,
	.selectize--1 .selectize-input input,
	.selectize--1 .selectize-input input:-ms-input-placeholder,
	.selectize--1 .selectize-dropdown-content .option,
	.selectize--1 .selectize-input.has-options div {
		font-weight: 400;
		font-size: 18px;
		line-height: 24px !important
	}
	.selectize--2 .selectize-input,
	.selectize--2 .selectize-input input,
	.selectize--2 .selectize-input input::placeholder,
	.selectize--2 .selectize-dropdown-content .option,
	.selectize--2 .selectize-input.has-options div,
	.selectize--1 .selectize-input,
	.selectize--1 .selectize-input input,
	.selectize--1 .selectize-input input::placeholder,
	.selectize--1 .selectize-dropdown-content .option,
	.selectize--1 .selectize-input.has-options div {
		font-weight: 400;
		font-size: 18px;
		line-height: 24px !important
	}
	.selectize--2 .selectize-dropdown-content,
	.selectize--1 .selectize-dropdown-content {
		line-height: 24px
	}
	.selectize--2 .selectize-control.single .selectize-input:after,
	.selectize--1 .selectize-control.single .selectize-input:after {
		right: 10px
	}
}

.image-list {
	margin-bottom: 2.1875em
}

@media only screen and (min-width: 650px) {
	.image-list {
		margin-bottom: 2.8125em
	}
}

@media only screen and (min-width: 800px) {
	.image-list {
		margin-bottom: 0
	}
	.image-list-item {
		margin-bottom: 1.5em
	}
}

.image_grid-pattern {
	padding-right: 10%
}

.image_grid-pattern--1 {
	background: #8fb6a7 url("../images/template/pattern-plant-green.jpeg") repeat
}

.image_grid-pattern--2 {
	background: #8fb6a7 url("../images/template/pattern-tools-green.jpeg") repeat
}

.image_grid-pattern--3 {
	background: #8fb6a7 url("../images/template/ptrn.jpg") repeat
}

.doc-links {
	position: relative;
	padding: .9375em
}

.doc-links:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #edf7f3;
	left: -.625em;
	top: -.625em
}

.doc-links:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: 2px solid #3c3c3b
}

.doc-links-list {
	margin-bottom: 1.5em
}

.doc-links-title,
.doc-links-list {
	position: relative;
	z-index: 1
}

.doc-links-title {
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.33333em;
	margin-bottom: .55556em;
	display: block
}

.doc-links-list-item {
	margin-bottom: .625em;
	display: inline
}

.doc-links-list-item:after {
	content: "/\00a0"
}

.doc-links-list-item--last:after {
	display: none
}

.doc-links-link {
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.11111em;
	text-decoration: underline
}

.doc-links-list--loud .doc-links-link {
	font-weight: 400;
	color: #8fb6a7;
	font-family: "Appareo", serif;
	text-transform: uppercase;
	text-decoration: none
}

.doc-links-list--loud .doc-links-link:hover {
	color: #3c3c3b
}

.doc-links-list--loud .doc-links-list-item {
	display: block
}

.doc-links-list--loud .doc-links-list-item:after {
	display: none
}

.doc-links--colour2:before {
	background-color: #e6eff1
}

.doc-links--colour2 .doc-links-list--loud .doc-links-link {
	color: #415c73
}

@media only screen and (min-width: 650px) {
	.doc-links {
		margin-top: .9375em
	}
	.doc-links:before {
		left: -.9375em;
		top: -.9375em
	}
	.doc-links:after {
		left: 0;
		top: 0
	}
	.doc-links--bleed-right {
		left: .9375em;
		top: .9375em
	}
	.doc-links--small {
		width: 66.666666667%
	}
}

@media only screen and (min-width: 800px) {
	.doc-links {
		padding: 1.25em;
		margin-top: 1.5625em
	}
	.doc-links:before {
		left: -1.5625em;
		top: -1.5625em
	}
	.doc-links:after {
		left: 0;
		top: 0
	}
	.doc-links--bleed-right {
		left: 1.5625em;
		top: 1.5625em
	}
	.doc-links--small {
		width: 57.14285174%
	}
}

.overlay {
	display: none
}

@media only screen and (min-width: 800px) {
	.overlay {
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		z-index: 99
	}
	.overlay-inner {
		height: 100%;
		width: 100%;
		padding: 0 .625em;
		position: relative
	}
	.overlay-centre {
		width: 82%;
		height: 100%;
		margin: 0 auto;
		position: relative
	}
	.overlay-header {
		width: 100%;
		padding: 1.5em 0;
		position: relative
	}
	.overlay-header:after {
		content: "";
		display: table;
		clear: both
	}
	.overlay-header:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 2px;
		background-color: #3c3c3b
	}
	.overlay-header-container {
		padding: 0 2.5em
	}
	.overlay-caption-carousel-container {
		display: none
	}
	.overlay-image-count {
		float: left;
		margin: 0;
		font-family: "Poppins", sans-serif;
		font-size: 1.125em;
		line-height: 1.33333em;
		text-transform: uppercase;
		letter-spacing: 0.14em
	}
	.overlay-image-count span {
		font-weight: 700
	}
	.overlay-close {
		float: right;
		font-size: 1.125em;
		line-height: 1.33333em;
		cursor: pointer
	}
	.overlay-nav {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		right: 0;
		height: 20px
	}
	.overlay-left,
	.overlay-right {
		position: absolute;
		cursor: pointer
	}
	.overlay-left {
		left: 10px;
		background: url("../images/sprites/sprite.png") 0 -190px no-repeat transparent;
		display: block;
		font-size: 0;
		width: 88px;
		height: 23px
	}
}

@media only screen and (min-width: 800px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 800px) and (min-resolution: 192dpi) {
	.overlay-left {
		background: url("../images/sprites/sprite_2x.png") 0 -190px no-repeat transparent;
		background-size: 254px 480px
	}
}

@media only screen and (min-width: 800px) {
	.overlay-left:hover {
		background-position: 0 -215px
	}
	.overlay-right {
		right: 10px;
		background: url("../images/sprites/sprite.png") -90px -190px no-repeat transparent;
		display: block;
		font-size: 0;
		width: 88px;
		height: 23px
	}
}

@media only screen and (min-width: 800px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 800px) and (min-resolution: 192dpi) {
	.overlay-right {
		background: url("../images/sprites/sprite_2x.png") -90px -190px no-repeat transparent;
		background-size: 254px 480px
	}
}

@media only screen and (min-width: 800px) {
	.overlay-right:hover {
		background-position: -90px -215px
	}
	.overlay-image-carousel {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		right: 0
	}
	.overlay-image-carousel img {
		max-height: 100%;
		width: auto;
		margin: 0 auto
	}
}

@media only screen and (min-width: 1200px) {
	.overlay-centre {
		width: 70%;
		height: 100%
	}
	.overlay-caption-carousel-container {
		display: block;
		width: 75%;
		float: left;
		padding-right: 20px
	}
	.overlay-caption-carousel-container:after {
		content: "";
		display: table;
		clear: both
	}
	.overlay-caption-carousel-item p {
		margin: 0;
		padding: 0 3px
	}
}

.accordion {
	padding: .89286em;
	margin-bottom: 1.94444em;
	background-color: #ebebeb
}

.accordion-expand {
	font-family: "Poppins", sans-serif;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.33333em;
	display: block;
	position: relative;
	cursor: pointer
}

.accordion-expand:before {
	content: "";
	width: 15px;
	height: 3px;
	display: block;
	background-color: #48602f;
	position: absolute;
	right: 0;
	top: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.accordion-expand:after {
	content: "";
	width: 3px;
	height: 15px;
	display: block;
	background-color: #48602f;
	position: absolute;
	right: 6px;
	top: 4px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.accordion-expand:hover {
	color: #48602f
}

.accordion-expand:hover:before,
.accordion-expand:hover:after {
	background-color: #898989
}

.accordion-list {
	margin-top: 2.5em;
	overflow: hidden
}

.js .accordion-list {
	height: 0;
	margin: 0
}

.accordion-list-item {
	margin-bottom: 1.33333em
}

.accordion-list-item--last {
	margin-bottom: 0
}

.accordion-link {
	font-family: "Appareo", serif;
	letter-spacing: 0;
	color: #48602f;
	font-weight: 400;
	font-size: 1.125em;
	line-height: 1.33333em;
	text-transform: uppercase
}

.accordion.is-open .accordion-expand:before,
.accordion.is-open .accordion-expand:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.accordion.is-open .accordion-expand:before {
	opacity: 0
}

.map {
	margin-bottom: 2.8125em
}

.map-container {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	margin-bottom: 1.25em
}

.map-canvas {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.map-link {
	font-weight: 700;
	font-size: 1.125em;
	text-decoration: underline
}

.sitemap {
	font-size: 18px
}

.sitemap li {
	font-size: 18px;
	padding-bottom: 24px
}

.sitemap li.has-children {
	padding-bottom: 0
}

.sitemap li.has-children>a {
	padding-bottom: 24px
}

.sitemap a {
	text-decoration: none;
	font-size: 18px;
	display: inline-block
}

.sitemap .level-1 a {
	color: #3c3c3b
}

.sitemap .level-1 a:hover {
	color: #415c73
}

.sitemap .level-2 a {
	color: #415c73
}

.sitemap .level-2 a:hover {
	color: #3c3c3b
}

.sitemap .level-3 a {
	color: #bac5cf
}

.sitemap .level-3 a:hover {
	color: #3c3c3b
}

.spinner {
	width: 40px;
	height: 40px;
	clear: both;
	position: relative;
	margin: 100px auto
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #333;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out
}

.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s
}

@-webkit-keyframes sk-bounce {
	0%,
	100% {
		-webkit-transform: scale(0)
	}
	50% {
		-webkit-transform: scale(1)
	}
}

@keyframes sk-bounce {
	0%,
	100% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

.u-clearfix:after {
	content: "";
	display: table;
	clear: both
}

.u-hide {
	display: none
}

.u-justify-children {
	text-align: justify
}

.u-justify-children:after {
	content: "";
	width: 100%;
	display: inline-block
}

.u-align-centre {
	text-align: center
}

.u-align-left {
	text-align: left
}

.u-italic {
	font-style: italic
}

.u-lowercase {
	text-transform: lowercase
}

.u-tablet-only,
.u-desktop-only,
.u-large-desktop-only,
.u-largest-only {
	display: none
}

@media only screen and (min-width: 650px) {
	.u-tablet-only {
		display: block
	}
}

@media only screen and (min-width: 800px) {
	.u-desktop-only {
		display: block
	}
	.u-mobile-only {
		display: none
	}
}

@media only screen and (min-width: 960px) {
	.u-large-desktop-only {
		display: block
	}
}

@media only screen and (min-width: 1200px) {
	.u-largest-only {
		display: block
	}
}


/*# sourceMappingURL=main.css.map */





/***********************online form************************/
.figure_form
{
	float: left;
	margin: 20px 100px;
}


/*********loader**/
/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}











/*responsive coding*/



